npm run dev命令报错解决方式

一、错误提示Can’t find module “xxx”

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:527:15)
    at Function.Module._load (module.js:476:23)
    at Module.require (module.js:568:17)
    at require (internal/module.js:11:18)
    at Object. (E:\webpack_demo\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (module.js:624:30)
    at Object.Module._extensions..js (module.js:635:10)
    at Module.load (module.js:545:32)
    at tryModuleLoad (module.js:508:12)
    at Function.Module._load (module.js:500:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] server: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] server script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

可能出错原因:
当我们在下载安装包时可能没有添加–save-dev,
例如:
我们下载时直接使用的是:npm i vue
正确的下载方式是:npm i vue --save-dev
否则可能会出现上述错误信息

二、错误提示 “‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序或批处理文件。”

'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev 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\lara\AppData\Roaming\npm-cache\_logs\2018-06-12T09_40_42_892Z-debug.log

针对这种情况
(1)第一种解决方式便是重新安装webpack-dev-server,虽然之前我们可能已经安装过。
(2)第二中解决方式是将项目中的node-modules文件夹全部删掉,重新执行npm i 命令,重新生成node-modules文件夹,在下载安装包的过程中要慎用cnpm命令,因为它可能会导致安装包的部分文件缺失。

你可能感兴趣的:(npm run dev命令报错解决方式)