综合三大问题的Module Error (from ./node_modules/eslint-loader/index.js)解决办法

问题1、Module Error (from ./node_modules/eslint-loader/index.js)报错

vue启动项目报如下错误:

Failed to compile.

./src/components/Vcontent.vue
Module Error (from ./node_modules/eslint-loader/index.js):

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

解决方法如下:

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

npm init -y
npm install eslint --save-dev

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

cd ./node_modules/.bin/
.\eslint --init

问题2:注意在eslint前加上.\,原因如下:

在这里插入图片描述
问题3:.\eslint可能报错
在这里插入图片描述
解决办法:
在项目根目录下打开命令行输入

Get-ExecutionPolicy -List                #查看当前的执行策略

更改策略:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

第三步:设置配置选项,除选择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

大致选择如下:
在这里插入图片描述
注意:只有在选择vue.js是必须的,其他的就默认就好。

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

第五步:启动服务

npm run serve

结束!

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Module Error (from ./node_modules/eslint-loader/index.js)是指在使用eslint-loader时出现的错误。 要解决这个问题,可以尝试以下几个步骤: 1. 确保你的项目中已经安装了eslinteslint-loader,可以通过运行npm install eslint eslint-loader命令来进行安装。 2. 检查你的webpack配置文件,确保正确配置了eslint-loader。你需要在module.rules中添加一个新的规则来处理.js文件,并使用eslint-loader作为loader。确保你的webpack配置文件没有任何拼写错误或语法错误。 3. 如果你使用的是Vue项目,还需要在.vue文件中添加eslint-loader。你可以在vue-loader配置中添加一个新的rule,将eslint-loader应用于.vue文件。 4. 如果以上步骤都没有解决问题,可以尝试升级eslinteslint-loader的版本,以确保使用的是最新的版本,并查看是否有与其他依赖项的版本兼容性问题。 5. 如果问题仍然存在,可以尝试搜索相关错误信息,并查看其他开发者是否遇到了相同的问题,并找到解决方案。 希望这些解决办法能够帮助你解决Module Error (from ./node_modules/eslint-loader/index.js)的问题。如果仍然有疑问,请提供更多的详细信息,以便我能够给出更准确的答案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Module Error (from ./node_modules/eslint-loader/index.js)](https://blog.csdn.net/qq_45418844/article/details/120260091)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [解决webpack4+升级webpack5+ vue-pdf不可用问题](https://download.csdn.net/download/lcuwang/87886320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Module Error (from ./node_modules/eslint-loader/index.js)错误的解决方法](https://blog.csdn.net/m0_52250741/article/details/113848965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值