找不到Webpack命令

wz3gfoph  于 2023-03-18  发布在  Webpack
关注(0)|答案(8)|浏览(228)

我已使用安装Webpack
npm install -g webpack
以及

npm install webpack

我还安装了webpack-dev-server

npm install -g webpack-dev-server

安装完成后,我运行命令webpack,但它显示以下错误
webpack:未找到命令
我不明白是什么错误。

fwzugrvs

fwzugrvs1#

您的webpack位于./node_modules/.bin/文件夹中。因此,您应该执行以下命令:

./node_modules/.bin/webpack

看看这个帖子里的答案。
webpack command not working

lawou6xi

lawou6xi2#

作为一个良好的做法,建议在本地安装webpackwebpack-dev-server,更多信息here

yarn add webpack webpack-dev-server --dev
# or
npm install webpack webpack-dev-server --save-dev

然后,您可以将这些行添加到package.json文件的scripts部分。

"scripts": {
  "build": "webpack --progress --colors",
  "start": "webpack-dev-server --progress --colors"
}

最后

npm start
npm run build

注意:您需要在根文件夹中有一个webpack.config.js才能使其正确运行。

odopli94

odopli943#

我需要手动安装:

npm install --save-dev webpack-cli

我想这是必要的,以便Angular CLI实际上理解与Webpack相关的命令。

flvtvl50

flvtvl504#

在ubuntu中你可以尝试sudo apt安装webpack

gstyhher

gstyhher5#

如果您想使用全局安装,您可以在[node_installed_path]/lib/node_modules/webpack/bin/中找到webpack脚本,您可以使用绝对路径、添加到PATH环境变量或符号链接等。
如果您想使用本地安装,请在./node_modules/.bin/中找到它。
我推荐使用本地安装(与巴别塔的原因相同)。

unhi4e5o

unhi4e5o6#

您需要在正确的文件夹中运行webpack命令。
我所说的适当文件夹是指您放置安装模块和模块的package.json文件的文件夹。
因为您使用-g参数安装它,所以它是全局安装的,您应该可以在以下位置找到它:./节点模块/.bin/网络包。
最佳做法是按项目(项目所在的文件夹)安装模块,而不是全局安装。

mxg2im7a

mxg2im7a7#

webpack -v:未找到webpack命令
节点-v:版本16.14.2
国家预防机制-版本:8.5.0
尝试安装webpack全局或本地和许多其他方法来修复这个问题,但失败了,下面的解决方案修复了我的情况(我的情况有点特殊,我重置前缀如下)
npm配置集前缀“C:\程序文件\节点js\npm_模块”

溶液:将包含webpack.cmd的文件夹路径xxx/npm_modules/添加到系统变量Path

如何找到包含webpack.cmd的文件夹路径xxx/npm_modules/?
npm配置
文件夹 npm_modules 中的 webpack.cmd,您需要将此路径添加到系统变量Path

q3aa0525

q3aa05258#

对于Linux用户,sudo apt install webpack对我来说很有用

相关问题