vue启动项目报错 globalThis is not defined
时间: 2023-10-10 12:06:09 浏览: 1239
如果在使用Vue启动项目时出现 "globalThis is not defined" 错误,通常是因为你的浏览器或Node.js版本太旧,不支持`globalThis`对象。你可以通过升级浏览器或Node.js版本来解决这个问题。
如果你不能升级浏览器或Node.js版本,你可以使用一个polyfill来模拟`globalThis`对象。在Vue项目中,你可以使用`@babel/polyfill`或者`core-js`库来提供`globalThis`对象的支持。这里是一些步骤,可以帮助你解决这个问题:
1. 安装`@babel/polyfill`或者`core-js`库。在命令行中执行以下命令安装:
```
npm install --save @babel/polyfill
或
npm install --save core-js
```
2. 在你的Vue项目中引入polyfill。你可以在入口文件(如`main.js`)中引入,或者在需要使用的文件中单独引入。在Vue CLI 3.x中,你可以在`babel.config.js`文件中配置:
```
module.exports = {
presets: [
'@vue/app'
],
"plugins": [
["@babel/plugin-transform-runtime", {
"regenerator": true
}]
],
"useBuiltIns": "entry"
}
```
如果你使用的是Vue CLI 2.x,则可以在`.babelrc`文件中进行配置。
3. 重新启动Vue项目。现在,你的Vue项目应该可以顺利运行了。
希望这可以帮助你解决这个问题。
阅读全文