오류: 'vue-loader-v16/패키지' 모듈을 찾을 수 없음json's

오류: 'vue-loader-v16/패키지' 모듈을 찾을 수 없음json's

난 vue.js는 처음이야, react.js에서 온거야.내가 vue loader와 직면하고 있는 문제는 처음에는 발생하지 않았지만, 두 번째부터는 앱이 서버 시작으로부터 충돌한다.

 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

나는 3번과 2번도 해봤어.다른 vue-loader를 설치했고..그러나 결과는 나의 babble.config.js file->과 같다.

const { VueLoaderPlugin } = require("vue-loader");
module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  plugins: [new VueLoaderPlugin()],
};

꾸러미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 ]

또한 vuex와 vue-properties를 사용하여 프로젝트를 안전하게 설정하는 방법을 제안하십시오.

devDependencies에 pacakge를 설치하십시오.

npm i --save-dev vue-loader-v16

그것은 나를 도와주었다.

와 함께babble.config.js그 말 진심이야?babel.config.js어, 헤헤? 어쨌든, 난 네가babel.config.js다음과 같아야 한다:

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

그리고 네 소포를 보관하기 위해.Json은 좀 더 깔끔하게, 당신은 그것을 만들 수 있다..eslintrc.js대신 파일 - 데이터 복사/복사eslintConfig열쇠를 꽂다package.json

npm을 6.9보다 높은 버전으로 업데이트하고npm i누락된 패키지는 https://github.com/vuejs/vue-cli/pull/5718을 설치하십시오.

npm install npm@latest -g(npm 업데이트하려면)

나는 소포를 다시 설치하는 것을 해결했다.먼저 제거해야 함

npm uninstall vue-loader-v16

제거가 완료되면 다시 설치

npm i vue-loader-v16

분명해 보이지만 나에게는 두 번 효과가 있었다.

다른 답변이 안 될 경우를 대비해서, 나는 내 npm 버전에 업데이트가 필요하다는 것을 알았다.

프로젝트에서 노드-모듈 폴더를 삭제하십시오.그런 다음 명령을 사용하여 npm을 다시 설치하십시오.

npm i -g npm

그러면 당신은 당신의 지원서를 다음과 같이 제공해야 한다.

npm 런 서브

이게 너에게 도움이 될 수도 있어.

이러한 현상은 더 낮은 버전(< 6.9) npm을 사용할 때 발생하는데, 더 낮은 노드j를 사용하고 있는가?

1. 노드 버전 확인(npm 버전 의미)

node -v

2. 새 노드 버전을 설치하십시오.

nvm install 14.x.x

3. nvm은 14.x.x를 사용한다.

npm -v=> 6.14.x

실제로 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

그리고 달리기를 한 후에

npm run serve

이 오류를 해결하길 바란다. "모듈 'vue-loader-v16/package'를 찾을 수 없음.json'"

참조URL: https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json