Question

我已通过命令npm install -g @vue/cli在全局安装了vue-cli，并且尝试通过命令vue create examples-vue-2创建新项目，直到运行npm run serve为止一切正常。此命令抛出一个错误找不到模块'vue-loader-v16 / package.json'。

我在Win 10上，npm 6.7.0，节点11.15.0

这是整个控制台日志

λ npm run serve                                                                                                                          
                                                                                                                                         
> examples-vue-2@0.1.0 serve c:\wamp64-3-2-0\www\examples-vue-2                                                                          
> 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:668:15)                                                          
    at Function.Module._load (internal/modules/cjs/loader.js:591:27)                                                                     
    at Module.require (internal/modules/cjs/loader.js:723:19)                                                                            
    at require (internal/modules/cjs/helpers.js:14:16)                                                                                   
    at api.chainWebpack.webpackConfig (c:\wamp64-3-2-0\www\examples-vue-2\node_modules\@vue\cli-service\lib\config\base.js:114:23)       
    at webpackChainFns.forEach.fn (c:\wamp64-3-2-0\www\examples-vue-2\node_modules\@vue\cli-service\lib\Service.js:236:40)               
    at Array.forEach (<anonymous>)                                                                                                       
    at Service.resolveChainableWebpackConfig (c:\wamp64-3-2-0\www\examples-vue-2\node_modules\@vue\cli-service\lib\Service.js:236:26)    
    at Service.resolveWebpackConfig (c:\wamp64-3-2-0\www\examples-vue-2\node_modules\@vue\cli-service\lib\Service.js:240:48)             
    at PluginAPI.resolveWebpackConfig (c:\wamp64-3-2-0\www\examples-vue-2\node_modules\@vue\cli-service\lib\PluginAPI.js:132:25)         
npm ERR! code ELIFECYCLE                                                                                                                 
npm ERR! errno 1                                                                                                                         
npm ERR! examples-vue-2@0.1.0 serve: `vue-cli-service serve`                                                                             
npm ERR! Exit status 1                                                                                                                   
npm ERR!                                                                                                                                 
npm ERR! Failed at the examples-vue-2@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\vladi\AppData\Roaming\npm-cache\_logs\2020-08-19T08_20_22_147Z-debug.log

package.json

{
  "name": "examples-vue-2",
  "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",
    "vue": "^3.0.0-0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~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"
  },
  "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"
  ]
}

非常感谢您的帮助。

Answer 1

此vue-cli软件包中的问题https://github.com/vuejs/vue-cli/pull/5718 您可能需要更新npm版本以安装缺少的软件包。

Answer 2

这对我有用：

npm install --save-dev vue-loader-v16

Vue创建项目-找不到模块'vue-loader-v16 / package.json'

2 个答案: