完美解决 Error: Cannot find module ‘@vue/cli-plugin-eslint‘ 报错

internal/modules/cjs/loader.js:985
  throw err;
  ^

Error: Cannot find module '@vue/cli-plugin-eslint'
Require stack:
- C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js
- C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)
    at Function.Module._load (internal/modules/cjs/loader.js:864:27)
    at Module.require (internal/modules/cjs/loader.js:1044:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at idToPlugin (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:145:14)
    at C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:184:20
    at Array.map (<anonymous>)
    at Service.resolvePlugins (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:170:10)
    at new Service (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:32:25)
    at Object.<anonymous> (C:\Users\lenovo\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {    
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\lenovo\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\lib\\Service.js',
    'C:\\Users\\lenovo\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-touch-screen@0.1.0 build: `vue-cli-service build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-touch-screen@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\lenovo\AppData\Roaming\npm-cache\_logs\2022-09-14T11_03_44_204Z-debug.log

以上是我当时遇到的报错信息,

我按照网上的说法  先去安装全局的 @vue/cli-plugin-eslint

npm i -g @vue/cli-plugin-eslint

也没解决我的问题

然后又本地删掉包,再去安装一次包,也没解决

又用cnpm 安装,也未解决

又使用降级npm版本到6也未解决

最终的解决方案是在项目的根目录下有个 package.json

"nohoist": [
    "**/@vue/cli-plugin-eslint",
    "**/@vue/cli-plugin-eslint/**"
  ]

在里面添加一个这个 ,再删除包,重新安装,就能正常打包了

具体的参考文献在gethub上,

地址":use vue-cli with lerna and got Error: Cannot find module '@vue/cli-plugin-eslint' · Issue #4911 · vuejs/vue-cli · GitHub

 如果对您有帮助,那就请作者喝杯咖啡吧,欢迎点赞、评论、收藏

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
Parsing error: Cannot find module 'vue/cli-plugin-babel/preset' 是因为你的项目缺少了 @vue/cli-plugin-babel 这个模块。为了解决这个问题,你可以尝试以下几个步骤: 1. 首先,删除项目中的 node_modules 文件夹,然后打开终端并输入命令 `cnpm install`,这将重新安装项目的所有依赖。 2. 如果第一步没有解决问题,你可以尝试安装 babel-plugin-component 插件。在终端输入命令 `npm install babel-plugin-component -D` 或者 `yarn add babel-plugin-component` 安装该插件。 3. 在项目的根目录中找到 .babelrc 文件(如果没有则创建一个),将下面的代码添加到 .babelrc 文件中: ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 4. 如果出现报错信息 "Parsing error: Cannot find module 'babel-preset-es2015'",可以尝试将 .babelrc 文件里的 "es2015" 改为 "@babel/preset-env",如下所示: ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 5. 如果你希望将配置项写入到 babel.config.js 文件中,可以将以上代码合并到 babel.config.js 文件中,如下所示: ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 希望以上步骤能够帮助你解决问题。如果你还有其他相关问题,请继续提问。 相关问题: 1. 如何安装和配置 vue-cli? 2. 什么是 babel-plugin-component 插件?如何使用它? 3. babel.config.js 和 .babelrc 有什么区别?

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

new 前端

请博主喝杯咖啡吧!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值