Webpack“开始”:“webpack-dev-server --config=config/webpack.dev.js”,不工作

Posted

技术标签:

【中文标题】Webpack“开始”:“webpack-dev-server --config=config/webpack.dev.js”,不工作【英文标题】:Webpack "start": "webpack-dev-server --config=config/webpack.dev.js", not working 【发布时间】:2019-02-07 18:01:41 【问题描述】:

我正在学习 react 并且 Webpack 开发服务器没有启动并给我这个错误

内部/模块/cjs/loader.js:573 抛出错误; ^ 错误:找不到模块“webpack”

脚本

"scripts": 
"start": "webpack-dev-server --config=config/webpack.dev.js",
"build": "NODE_ENV=production webpack --config=config/webpack.prod.js",
"compile": "webpack --config webpack.config.js"

,

终端输出

 npm start

react-shopping-cart@0.1.0 start C:\Users\iClick Digital\ Documents\ZerotoMastery\frontendprojects\react-shopping-cart webpack-dev-server --config=config/webpack.dev.js

内部/模块/cjs/loader.js:573 抛出错误; ^

错误:找不到模块“webpack” 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15) 在 Function.Module._load (internal/modules/cjs/loader.js:497:25) 在 Module.require (internal/modules/cjs/loader.js:626: 17) 在需要(内部/模块/cjs/helpers.js:20:18) 在对象。 (C:\Users\iClick Digital\Documen ts\ZerotoMastery\frontendprojects\react-shopping-cart\conf ig\webpack.dev.js:2:17) 在 Module._compile (internal/modules/cjs/loader.js:678:30) 在 Object.Module._extensions..js (internal/modules/cjs /loader.js:689:10) 在 Module.load (internal/modules/cjs/loader.js:589:32) 在 tryModuleLoad (internal/modules/cjs/loader.js:528:1 2) 在 Function.Module._load (internal/modules/cjs/loader.js:520:3) npm 错误!代码生命周期 npm 错误!错误号 1 npm 错误! react-shopping-cart@0.1.0 开始:webpack-dev-ser ver --config=config/webpack.dev.js npm 错误!退出状态 1 npm 错误! npm 错误!在 react-shopping-cart@0.1.0 启动脚本失败。 npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。 npm WARN 本地 package.json 存在,但是缺少 node_modules,你的意思是要安装吗?

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! C:\Users\iClick Digital\AppData\Roaming\npm-cache_logs\2018-09-02T12_06_07_432Z-debug.log

【问题讨论】:

也许你忘了运行npm iinstall ?显示完整的 package.json 和 webpack 配置文件。 嗨,Karen,我在全球安装了 webpack,因为它最初是在本地安装的,现在它工作正常 【参考方案1】:

您需要通过运行以下命令从 package.json 安装所有依赖项:

npm i

稍后您可以像这样运行所有脚本:

npm run start

我希望这会有所帮助

【讨论】:

嗨 Sakhi,当我从 GitHub 克隆 repo 或者它们已经安装时,我是否需要自己在终端中安装所有依赖项? 不,我们不会将 node_modules 推送到存储库中。这就是我们有包 json 的原因。节点模块占用大量磁盘存储。我们在本地下载依赖项

以上是关于Webpack“开始”:“webpack-dev-server --config=config/webpack.dev.js”,不工作的主要内容,如果未能解决你的问题,请参考以下文章

Vue CLI 3将eval功能预先添加到自定义模板标签

webpack-dev-server和webpack-dev-middleware的区别

万字长文解密webpack-基本使用/高级用法/性能优化 你想要的全都有!!!

'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序

webpack-dev-server 中怎么把默认的端口号设置成自己的 IP

使用 Electron 应用程序打包 Keytar