electron-vue项目,关闭eslint语法检查器[亲测有效]

electron-vue项目,关闭eslint语法检查器[亲测有效]electron-vue无疑是目前国内electron开发过程中,最流行的框架。无数有经验的大佬,无经验的小白,都在往electron-vue这个大坑里面跳。很多小白试着编写了第一行electron代码之后,就会大喊:为什么写的没错,却编译失败啊。大多数情况下,都是因为在初始化electron-vue项目的时候,开启了eslint这个语法检查器。这个eslint是很难缠的,会让很多小白手足无措。…

大家好,欢迎来到IT知识分享网。

electron-vue无疑是目前国内electron开发过程中,最流行的框架。无数有经验的大佬,无经验的小白,都在往electron-vue这个大坑里面跳。很多小白试着编写了第一行electron代码之后,就会大喊:为什么写的没错,却编译失败啊。
大多数情况下,都是因为在初始化electron-vue项目的时候,开启了eslint这个语法检查器。这个eslint是很难缠的,会让很多小白手足无措。
对于小白来说,强烈建议你关闭eslint。在项目初始化的时候,就应该关闭它。
报错截图
eslint的报错,在普通开发者的角度来看的话,真心是没有什么问题的。所以,这个eslint只会把小白逼疯。报错类似如下:

 ERROR in ./src/main/index.js
 Module Error (from ./node_modules/eslint-loader/index.js):

在这里插入图片描述
方案一:项目初始化禁用eslint
在执行electron-vue项目的初始化的时候,就有个选项是关于eslint的。那么,如果您注意到这个选项,建议选择no。

 vue init simulatedgreg/electron-vue my-project
? Use linting with ESLint? (Y/n) n

在这里插入图片描述
方案二:项目初始化完成后再禁用eslint
这个就属于亡羊补牢了,涉及的文件有三个,都位于目录.electron-vue/下,分别是:

  • .electron-vue/webpack.main.config.js
  • .electron-vue/webpack.renderer.config.js
  • .electron-vue/webpack.web.config.js
    修改的代码,也很一致,方法就是:找到类似如下的配置,然后删除即可。
    在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24641.html

(0)
上一篇 2023-08-13 17:33
下一篇 2023-08-18 15:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信