版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82766852
Vue 项目启动抛出 Syntax Error/ Unexpected token
项目启动时抛出了标识符无法识别的错误
更多精彩
- 更多技术博客,请移步 asing1elife’s blog
错误原因
- ES6 新增了不少标识符,但浏览器大多无法直接识别,需要借助 babel 对 ES6 代码进行转义
- 项目启动时抛出如下错误,表示
...
运算符没能被识别,该运算符属于 ES6 的解构运算符 - 出现该问题的原因基本上可以定位是项目没有配置 babel
- 即时 package.json 文件中已经引入 babel ,但仍然需要在项目根目录创建一个 .balbelrc 文件进行配置
- 即时 package.json 文件中已经引入 babel ,但仍然需要在项目根目录创建一个 .balbelrc 文件进行配置
解决方式
- 在项目根目录创建 .babelrc 文件即可实现对 babel 的基本配置
{
"presets": [
["env", {
"modules": false
}],
"stage-2"
],
"plugins": ["transform-runtime", "transform-vue-jsx"]
}