IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Vue3 ERROR Error: Cannot find module ‘vue-loader-v16/package.json‘ -> 正文阅读

[JavaScript知识库]Vue3 ERROR Error: Cannot find module ‘vue-loader-v16/package.json‘

Vue3 npm run serve错误

1)主要错误信息

ERROR  Error: Cannot find module 'vue-loader-v16/package.json'

2)Vue3项目 运行环境:

windows10

node -v
v16.6.1

vue -V
@vue/cli 4.5.13

3)Vue3项目运行操作

3-1 运行指令:

npm run serve

3-2 错误如下:

PS E:\codeVue\echats-vuethreew>  npm run serve
> echats-vuethreew@0.1.0 serve E:\codeVue\echats-vuethreew
> vue-cli-service serve

 INFO  Starting development server...
 ERROR  Error: Cannot find module 'vue-loader-v16/package.json'
Require stack:
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\config\base.js
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\Service.js
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\bin\vue-cli-service.js      
Error: Cannot find module 'vue-loader-v16/package.json'
Require stack:
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\config\base.js
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\Service.js
- E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\bin\vue-cli-service.js      
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)       
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:94:18)
    at E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\config\base.js:114:23
    at E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\Service.js:236:40  
    at Array.forEach (<anonymous>)
    at Service.resolveChainableWebpackConfig (E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\Service.js:236:26)
    at Service.resolveWebpackConfig (E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\Service.js:240:48)
    at PluginAPI.resolveWebpackConfig (E:\codeVue\echats-vuethreew\node_modules\@vue\cli-service\lib\PluginAPI.js:132:25)
npm ERR! code ELIFECYCLE
npm ERR! echats-vuethreew@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the echats-vuethreew@0.1.0 serve 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\ShiXiong\AppData\Roaming\npm-cache\_logs\2021-09-07T15_30_49_878Z-debug.log
PS E:\codeVue\echats-vuethreew> cnpm i vue-loader-v16
√ Installed 1 packages
√ Linked 84 latest versions
√ Run 0 scripts
peerDependencies link acorn@8.5.0 in E:\codeVue\echats-vuethreew\node_modules\_acorn-import-assertions@1.7.6@acorn-import-assertions unmet with E:\codeVue\echats-vuethreew\node_modules\acorn(6.4.2)
peerDependencies link webpack@5.52.0 in E:\codeVue\echats-vuethreew\node_modules\_terser-webpack-plugin@5.2.3@terser-webpack-plugin unmet with E:\codeVue\echats-vuethreew\node_reew\node_modules\.recently_updates.txt)
  Today:
    → vue-loader-v16@16.0.0-beta.5.4 ? @types/mini-css-extract-plugin@0.9.1 ? @types/webpack@5.28.0 ? @types/node@*(16.7.13) (15:34:59)
    → vue-loader-v16@16.0.0-beta.5.4 ? @types/mini-css-extract-plugin@0.9.1 ? @types/webpack@5.28.0 ? webpack@5.52.0 ? browserslist@4.17.0 ? electron-to-chromium@^1.3.830(1.3.831) (22:02:29)
√ All packages installed (88 packages installed from npm registry, used 3s(network 3s), 
speed 1.09MB/s, json 85(527.36kB), tarball 2.9MB)

3-3 解决方法

执行以下指令

cnpm i vue-loader-v16
PS E:\codeVue\echats-vuethreew> cnpm i vue-loader-v16
√ Installed 1 packages
√ Linked 84 latest versions
√ Run 0 scripts
peerDependencies link acorn@8.5.0 in E:\codeVue\echats-vuethreew\node_modules\_acorn-import-assertions@1.7.6@acorn-import-assertions unmet with E:\codeVue\echats-vuethreew\node_modules\acorn(6.4.2)
peerDependencies link webpack@5.52.0 in E:\codeVue\echats-vuethreew\node_modules\_terser-webpack-plugin@5.2.3@terser-webpack-plugin unmet with E:\codeVue\echats-vuethreew\node_reew\node_modules\.recently_updates.txt)
  Today:
    → vue-loader-v16@16.0.0-beta.5.4 ? @types/mini-css-extract-plugin@0.9.1 ? @types/webpack@5.28.0 ? @types/node@*(16.7.13) (15:34:59)
    → vue-loader-v16@16.0.0-beta.5.4 ? @types/mini-css-extract-plugin@0.9.1 ? @types/webpack@5.28.0 ? webpack@5.52.0 ? browserslist@4.17.0 ? electron-to-chromium@^1.3.830(1.3.831) (22:02:29)
√ All packages installed (88 packages installed from npm registry, used 3s(network 3s), 
speed 1.09MB/s, json 85(527.36kB), tarball 2.9MB)

3-4 解决后重新运行项目

npm run serve 
PS E:\codeVue\echats-vuethreew> npm run serve        

> echats-vuethreew@0.1.0 serve E:\codeVue\echats-vuethreew
> vue-cli-service serve

 INFO  Starting development server...
40% building 109/123 modules 14 active ...k-dev-server\node_modules\ansi-regex\index.js[@vue/compiler-sfc] compileTemplate now requires the `id` option.`.

98% after emitting CopyPlugin

 DONE  Compiled successfully in 2066ms                                      下午11:32:09

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.19.106:8080/
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-08 10:37:59  更:2021-09-08 10:38:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 16:58:55-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码