Javascript 错误：找不到模块'；vue-loader-v16/package.json'；

我是vue.js的新手，刚从react.js来。我在vue加载程序中遇到的问题起初并没有发生。但从第二次应用程序启动服务器时崩溃开始

 npm run serve

> todo@0.1.0 serve /home/riyad/Desktop/todo_wedevs/todo
> vue-cli-service serve

 INFO  Starting development server...
 ERROR  Error: Cannot find module 'vue-loader-v16/package.json'
Error: Cannot find module 'vue-loader-v16/package.json'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:613:15)
    at Function.Module._load (internal/modules/cjs/loader.js:539:25)
    at Module.require (internal/modules/cjs/loader.js:667:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at api.chainWebpack.webpackConfig (/home/riyad/Desktop/todo_wedevs/todo/node_modules/@vue/cli-service/lib/config/base.js:114:23)
    at webpackChainFns.forEach.fn (/home/riyad/Desktop/todo_wedevs/todo/node_modules/@vue/cli-service/lib/Service.js:236:40)
    at Array.forEach (<anonymous>)
    at Service.resolveChainableWebpackConfig (/home/riyad/Desktop/todo_wedevs/todo/node_modules/@vue/cli-service/lib/Service.js:236:26)
    at Service.resolveWebpackConfig (/home/riyad/Desktop/todo_wedevs/todo/node_modules/@vue/cli-service/lib/Service.js:240:48)
    at PluginAPI.resolveWebpackConfig (/home/riyad/Desktop/todo_wedevs/todo/node_modules/@vue/cli-service/lib/PluginAPI.js:132:25)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! todo@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the todo@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!     /home/riyad/.npm/_logs/2020-08-20T11_40_44_196Z-debug.log

package.json

{
  "name": "todo",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "uuid": "^8.3.0",
    "vue": "^3.0.0-0",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0",
    "vue-loader": "^16.0.0-beta.3",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

日志->

0 info it worked if it ends with ok
1 verbose cli [ '/home/riyad/.nvm/versions/node/v11.10.1/bin/node',
1 verbose cli   '/home/riyad/.nvm/versions/node/v11.10.1/bin/npm',
1 verbose cli   'run',
1 verbose cli   'serve' ]
2 info using npm@6.7.0
3 info using node@v11.10.1
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle todo@0.1.0~preserve: todo@0.1.0
6 info lifecycle todo@0.1.0~serve: todo@0.1.0
7 verbose lifecycle todo@0.1.0~serve: unsafe-perm in lifecycle true
8 verbose lifecycle todo@0.1.0~serve: PATH: /home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/riyad/Desktop/todo_wedevs/todo/node_modules/.bin:/home/riyad/.nvm/versions/node/v11.10.1/bin:/home/riyad/.local/bin:/usr/local/bin:/usr/local/sbin:/usr/bin:/usr/lib/jvm/default/bin:/usr/bin/site_perl:/usr/bin/vendor_perl:/usr/bin/core_perl:/var/lib/snapd/snap/bin:/home/riyad/.yarn/bin
9 verbose lifecycle todo@0.1.0~serve: CWD: /home/riyad/Desktop/todo_wedevs/todo
10 silly lifecycle todo@0.1.0~serve: Args: [ '-c', 'vue-cli-service serve' ]
11 silly lifecycle todo@0.1.0~serve: Returned: code: 1  signal: null
12 info lifecycle todo@0.1.0~serve: Failed to exec serve script
13 verbose stack Error: todo@0.1.0 serve: `vue-cli-service serve`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:301:16)
13 verbose stack     at EventEmitter.emit (events.js:197:13)
13 verbose stack     at ChildProcess.<anonymous> (/home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:197:13)
13 verbose stack     at maybeClose (internal/child_process.js:984:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)
14 verbose pkgid todo@0.1.0
15 verbose cwd /home/riyad/Desktop/todo_wedevs/todo
16 verbose Linux 5.6.19-2-MANJARO
17 verbose argv "/home/riyad/.nvm/versions/node/v11.10.1/bin/node" "/home/riyad/.nvm/versions/node/v11.10.1/bin/npm" "run" "serve"
18 verbose node v11.10.1
19 verbose npm  v6.7.0
20 error code ELIFECYCLE
21 error errno 1
22 error todo@0.1.0 serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the todo@0.1.0 serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

0信息如果它以ok结尾，它就工作了
1 verbose cli['/home/riyad/.nvm/versions/node/v11.10.1/bin/node'，
1 verbose cli'/home/riyad/.nvm/versions/node/v11.10.1/bin/npm'，
1详细cli“运行”，
1详细cli“服务”]
2信息使用npm@6.7.0
3信息使用node@v11.10.1
4详细的运行脚本['preserve'，'serve'，'postserve']
5信息生命周期todo@0.1.0~preserve：todo@0.1.0
6信息生命周期todo@0.1.0~服务：todo@0.1.0
7详细的生命周期todo@0.1.0~serve:生命周期中的不安全烫发正确
8详细的生命周期todo@0.1.0~serve:路径：/home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm lifecycle/node gyp bin:/home/riyad/Desktop/todo_wedevs/todo/node_modules/.bin:/home/riyad/.nvm/versions/node/v11.10.1/bin:/home/riyad/.local/bin:/usr/local/bin:/usr/bin:/local/bin:/usr/local/sbin:/usr/bin:/usr/bin:/usr/bin:/usr/lib/jvm/default/bin:/usr/bin:/usr/bin:/usr/bin:/usr/site:/usr/perl/perlar/lib/snap/snap/bin:/home/riyad/.warn/bin
9详细的生命周期todo@0.1.0~serve:CWD:/home/riyad/Desktop/todo\u wedevs/todo
10愚蠢的生命周期todo@0.1.0~serve:Args:['-c'，vue cli服务serve']
11愚蠢的生命周期todo@0.1.0~serve:返回：代码：1信号：null
12信息生命周期todo@0.1.0~serve:无法执行serve脚本
13详细堆栈错误：todo@0.1.0serve:`vue cli服务serve`
13详细堆栈退出状态1
13 EventEmitter上的详细堆栈。（/home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm lifecycle/index.js:301:16）
13 EventEmitter.emit上的详细堆栈（events.js:197:13）
13子进程上的详细堆栈。（/home/riyad/.nvm/versions/node/v11.10.1/lib/node_modules/npm/node_modules/npm lifecycle/lib/spawn.js:55:14）
13 ChildProcess.emit上的详细堆栈（events.js:197:13）
13 maybeClose的详细堆栈（internal/child_process.js:984:16）
13 Process.ChildProcess.\u handle.onexit处的详细堆栈（internal/child\u Process.js:265:5）
14详细的pkgidtodo@0.1.0
15详细的cwd/home/riyad/Desktop/todo_wedevs/todo
16详细Linux 5.6.19-2-MANJARO
17详细argv“/home/riyad/.nvm/versions/node/v11.10.1/bin/node”“/home/riyad/.nvm/versions/node/v11.10.1/bin/npm”“运行”“服务”
18详细节点v11.10.1
19详细的npm v6.7.0
20错误代码ELIFECYCLE
21错误1
22错误todo@0.1.0serve:`vue cli服务serve`
22错误退出状态1
23发生错误时失败todo@0.1.0提供脚本。
23错误这可能不是npm的问题。上面可能还有其他日志输出。
24详细退出[1，true]

---

另外，请建议我如何使用vuex和vue路由器安全地设置项目实际上，将vue/cli从4.5.6降级到3.0.1是可行的。它将vue cli从3降级到了2…实际上，vue cli 3是测试版…现在不应该使用3…我曾经降级的组件 您只需要安装特定的版本。在我的情况下->

---

npm安装-g@vue/cli@3.0.1

编辑App.js>>转到文件路径：src/component/App.vue

导入此代码

// code returned from the main loader for 'source.vue'

// import the <template> block
import render from 'source.vue?vue&type=template'
// import the <script> block
import script from 'source.vue?vue&type=script'
export * from 'source.vue?vue&type=script'
// import <style> blocks
import 'source.vue?vue&type=style&index=1'

script.render = render
export default script

---

我希望解决此错误“找不到模块‘vue-loader-v16/package.json’”

将npm更新到高于6.9的版本，并执行以下操作

npm i

，这将安装缺少的软件包

---

npm安装npm@latest-g

（要更新npm）

尝试只安装pacakge到devdependency：

npmi——保存dev vue-loader-v16

它帮助了我

用

babble.config.js

你是说

babel.config.js

，呵呵？ 无论如何，我认为你的

babel.config.js

应该是这样的：

module.exports = {
    presets: ["@vue/cli-plugin-babel/preset"],
};

---

为了保持package.json更干净，您可以创建一个

.eslintrc.js

文件-只需从

eslintConfig

中复制/粘贴数据，然后输入

package.json

我解决了重新安装包的问题。首先，您需要卸载它

npm uninstall vue-loader-v16

卸载完成后，请重新安装

npm i vue-loader-v16

---

这似乎很明显，但对我来说它运行了两次

实际上将vue/cli从4.5.6降级到了3.0.1有效..它将vue cli从3降级到了2…实际上vue cli 3是测试版..现在不应该使用3…我曾经降级的组件和您只需要您想要安装的特定版本..在我的情况下->npm install-g@vue/cli@3.0.1Does这能回答你的问题吗？请参阅对我有效的解决方案。有效，但我必须在

npmi

之前删除

node\u模块

。我还必须执行

npmi

npm uninstall vue-loader-v16

npm i vue-loader-v16