1、出现这个报错的主要原因是,在创建项目的时候开启了Eslint检查,关掉就可以了。(需要注意的是在vue3.0版本后,静态引入的js文件需要放在public文件夹下,否则会报错Uncaught SyntaxError: Unexpected token '<')
2、如何关闭Eslint检查。
方法1:vue脚手架创建工程的时候,不要选择Linter / Formatter选项(如何已经启用可以使用方法2和方法3)
方法2:如何我们已经启用了eslint,找到我们工程目录下的package.json,将‘devDependencies’中的依赖删掉(eslint、eslint-plugin-vue、@vue/cli-plugin-eslint这三个),然后执行npm install,然后重启服务,你会发现.eslintrc.js文件的作用已经失效。
方法3:通过vue.config.js 配置 lintOnSave:false(如果没有vue.config.js 文件直接在package.json
同级的文件夹下新建一个就行)配置代码如下
module.exports = {
devServer: {
overlay: {
warnings: false, //不显示警告
errors: false //不显示错误
}
},
lintOnSave:false //关闭eslint检查
}
vue.config.js文件配置完成后需要重启服务代码才会生效