2021-10-18 Module Error (from ./node_modules/eslint-loader/index.js):解决vue项目中eslint检测格式问题

Module Error (from ./node_modules/eslint-loader/index.js):解决办法

vue启动项目报如下错误:

E:\workVue\vue-gdonlinepay-h5\src\views\payConfirm\index.vue 105:19 error Missing space before opening brace space-before-blocks 106:7 error Expected space(s) after "if" keyword-spacing 106:22 error Missing space before opening brace space-before-blocks


当vue渲染html为原生标签时出这个错误,需要修改配置项。

优化如下:

第一步:初始化并重新安装eslint

npm init -y

npm install eslint --save-dev

第二步:进入node_modules下的bin目录,并初始化eslint

cd ./node_modules/.bin/

.\eslint --init

第三步:设置配置选项,除选择vue.js外,其他都选择默认项或者y或者Y,如下仅仅到选择vue.js步骤

? How would you like to use ESLint? To check syntax and find problems

? What type of modules does your project use? JavaScript modules (import/export)

? Which framework does your project use? Vue.js

? Does your project use TypeScript? No

? Where does your code run? Browser

? What format do you want your config file to be in? JavaScript

第四步:最重要的一步,将node_modules目录下的bin目录里面的.eslintrc.js文件拷贝到项目根目录下

第五步:启动服务

npm run serve


结束!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容