用vue脚手架生成项目,控制台报错

WUSO01
  • 245

图片描述
整个文件是用vue脚手架生成的,然后我安装了依赖,然后npm run dev 页面是空的,控制台报错。我也没有去修改这些文件夹

回复
阅读 2.5k
4 个回答
✓ 已被采纳

报错信息显示import语法识别不了,也就是说你还没执行babel 编译的过程,或者babel 未能有效执行。

很可能是你依赖没安装完之类,建议你重新执行一次整个过程。

npm run dev 时,命令行里有错误提示吗?

你需要有.babelrc配置文件。在项目目录下新建.babelrc

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

目前的浏览器还没有支持import/export语法--或者说仍然不支持<script module ="src.js">的语法, 所以会提示错误, 如果想直接使用, 需要等待浏览器的module-loader标准的实现

而目前的解决方案是通过babel/webpack等工具将js文件转译成浏览器兼容的ES5标准的JavaScript, 然后再引用转译后的js文件.

你知道吗?

宣传栏