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文件配置完成后需要重启服务代码才会生效