问题标签 [webpack-cli]

我最近将我的项目更新到 webpack v5，但我无法再让 watch 选项工作了。它正在监视文件，并在文件更改时做出反应，但输出永远不会更新。当我启动手表时，一切都会建立起来，但当我进行更改时则不会。

我正在使用这些版本：

这是我的 webpack 配置文件（webpack.config.dev.js）：

这是我正在运行的内容：

这是我更改 front.js 文件时终端中的示例输出：

因此它会注意到更改并打印“编译开始...”“编译完成”，但如果我查看“dist”文件夹，文件尚未更新。

如果我切换到：

然后 watch 选项有效，但我无法让 tree-shaking 工作。

更新：

我已经缩小了一点。这不是 --watch 导致问题的原因。如果我尝试更新任何文件，它仅在文件不在“dist”文件夹中时才有效。因此，要么我需要在每次构建文件时清除“dist”文件夹，要么我需要弄清楚为什么现有文件没有得到更新。

由于我升级到版本 5，webpack 不会因 TypeScript 错误而失败。

这是我的场景：

index.ts（入口点）：

• 我跑./node_modules/.bin/webpack --config webpack.config.js --watch
• 一切都很好。这是 webpack 的输出：

• 在下一步中，我添加了一个会导致 TypeScript 错误的代码片段：

• 我希望 webpack 监视过程会失败或显示一些错误，但它不会失败。这是 webpack 输出的内容：

有趣的是，这只发生在我index.ts开始 webpack watch 进程后更改时。如果我在没有选项的情况下运行 webpack，--watch我会得到这个输出，并且不会创建任何捆绑文件（如预期的那样）：

webpack.config.js：

*编辑：这是我的tsconfig.json

我无法想象这是 webpack、webpack-cli 或 ts-loader 中的错误。所以我猜我的配置有问题。谁能告诉我这里有什么问题？谢谢！

• webpack 5.3.1（webpack 4.44.2 版一切正常）
• webpack-cli 4.1.0
• ts-loader 8.0.7
• 打字稿4.0.5

我第一次尝试安装 npm。当我运行 npm install，然后 npm run dev 时，它说 webpack-cli 必须安装。安装后，我收到此错误：

C:\Users\Lokman02Naza\Documents\laravel\pizzahouse> npm run dev

dev npm 运行开发

开发跨环境 NODE_ENV=开发 node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

必须安装 webpack 的 CLI。webpack-cli ( https://github.com/webpack/webpack-cli )

我们将使用“npm”通过“npm install -D”安装 CLI。你想安装'webpack-cli'（是/否）：是安装'webpack-cli'（运行'npm install -D webpack-cli'）...

新增34个包，6s审核1161个包

53个包正在寻找资金运行npm fund以获取详细信息

发现 0 个漏洞 [webpack-cli] 未知参数：--hide-modules ？您想使用哪些标志？... √ --entry：应用程序的入口点，例如 ./src/main.js √ 你想使用哪些标志？· 未选择任何项目 [webpack-cli] 执行 CLI

√ 你想使用哪些标志？· 未选择任何项目 [webpack-cli] 执行 CLI

[webpack-cli] 编译完成资产 main.js 644 字节 [emitted] (name: main)

找不到主模块中的错误：错误：无法解析 'C:\Users\Lokman02Naza\Documents\laravel\pizzahouse' webpack 5.3.2 中的 './src' 在 57 毫秒内编译时出现 1 个错误 [webpack-cli] 编译完成的资产 main.js 644 字节 [emitted] (name: main)

找不到主模块中的错误：错误：无法解析 'C:\Users\Lokman02Naza\Documents\laravel\pizzahouse' webpack 5.3.2 中的 './src'，在 57 毫秒 npm 错误中编译时出现 1 个错误！代码 1 npm 错误！路径 C:\Users\Lokman02Naza\Documents\laravel\pizzahouse npm 错误！命令失败 pack/bin/webpack.js --pr npm ERR！命令 C:\WINDOWS\system32\cmd.exe /d /s /c "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix /setup/webpack.config.js"

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！C:\Users\Lokman02Naza\AppData\Local\npm-cache_logs\2020-10-30T03_40_34_931Z-debug.log
npm 错误！代码 1 npm 错误！路径 C:\Users\Lokman02Naza\Documents\laravel\pizzahouse npm 错误！命令失败 npm ERR！命令 C:\WINDOWS\system32\cmd.exe /d /s /c "npm 运行开发"

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！C:\Users\Lokman02Naza\AppData\Local\npm-cache_logs\2020-10-30T03_40_34_948Z-debug.log

我该如何解决？

I just wanted to start a new typescript project using webpack5 and webpack-cli. In my surprise I'm getting these errors:

Errors:

Webpack.config.js:

Tsconfig.json:

Webpack info:

在 CLI 中运行时出现错误./node_modules/.bin/webpack index.js --mode=development

这是错误：

npm commander -v确认我安装了指挥官。我在Linux Mint上并使用nvm安装了npm。

我是 npm 新手，所以我不太了解输出。

运行 tns run android 后，我遇到了这个 webpack 错误。我正在使用最新版本的 webpack 任何想法都非常感谢。

我正在尝试将 webpack 与 webpack-dev-server 一起运行，但出现此错误：

版本：

NPM 脚本：

在最新版本上尝试相同，但没有帮助。

套餐：

我试图使用https://webpack.js.org/configuration/dev-server/#devserverlivereload中的示例而没有效果...

我的webpack.config.js：

如果我跑，webpack serve --config webpack.config.js我会得到

在浏览器控制台和应用程序中的任何观察文件更改后仍会重新加载页面。

我想禁用 liveReload 标志来关闭 webpack 服务器的实时重新加载。

我是 prestashop 主题开发的新手。

我已经设置了我的本地环境并且一切正常。

我尝试从经典的默认主题构建主题。

我进入主题内的_dev并运行“npm install”。

接下来我运行“npm run build”来运行脚本：“build”：“NODE_ENV=production webpack --progress --colors --debug --display-chunks”

我收到以下错误：

我该如何解决？

这是 package.json 文件：

我的节点版本是：

我的 npm 版本是：

我真的不明白如何解决这个问题。

这是我第一次学习和使用 webpack。即使我已经尝试用谷歌搜索了几个小时，这个问题也可能太容易了。

我的问题是要在 webpack 中打包一个 js 文件。

webpack 已全局安装。

我可以使用以下方法检查版本：

回应是：

然后我使用从网站上学到的命令来打包 1.js：

消息不是打包，而是：

我也试过：

响应将与上述相同。

这真的让我发疯。