问题标签 [webpack-cli]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
2268 浏览

node.js - Webpack:无法分配给对象'#的只读属性'exports''

While I was compiling code from Material Design Booststrap through Webpack, I encountered this problem in the Google Chrome console:

While I was compiling code from Material Design Booststrap through Webpack, I encountered this problem in the Google Chrome console:

The files that was used by Webpack to bundle the code:

vendor.js

Along with jQuery and Popper, the codes in mdbootstrap is similar to the official Bootstrap releases

webpack.vendor.js

package.json

As a matter of fact, I looked upon different forums in Github about this problem and all of them basically suggests these things and none of these worked:

  • use require instead of import as import cannot be used with module.exports
  • add sourceType: 'unambiguous' to the configuration file
    • /li>
    /li>

Any help(s) are really appreciated.


Javascript Button, just one Time

How Can I programm it, So that the button only works once. Because, I have a problems with my Programm if the User is pressing the Button more then one time.

My Problem is, after pressing 2 times the button, every line on the canvas is going to be one colour. I dont know how to change anything else.

0 投票
1 回答
562 浏览

vue.js - CopyWebpackPlugin 没有将静态文件复制到输出目录

我的文件显示为已发出,但实际上并未将它们复制到 dist 文件夹。

编译日志摘录:

我的 webpack 配置插件看起来像这样:

我尝试将 CopyWebpackPlugin 和 HtmlWebpackPlugin 的顺序更改为不走运。除了更改顺序之外,您是否做了其他任何事情来解决这个问题。

版本:

“vue”:“^2.6.11”,“webpack”:“^4.15.0”,“webpack-cli”:“^3.0.8”,“copy-webpack-plugin”:“^5.1.1”, "html-webpack-plugin": "^3.2.0",

更新的图像: 完整的项目结构:

在此处输入图像描述

0 投票
1 回答
628 浏览

npm - 找不到模块'webpack-cli/bin/config-yargs',找不到模块'webpack-cli'

我已经尝试了几乎所有的解决方案,但对我没有任何帮助。我从朋友那里克隆了一个 repo 并尝试运行客户端目录。当我尝试运行客户端时,出现错误:

  • 找不到模块'webpack-cli/bin/config-yargs'
  • 找不到模块'webpack-cli'

一旦我克隆了我所做的项目npm install(正如它在自述文件中所说),但是当我尝试运行客户端时,我会遇到这个问题:

我试过的解决方案:

  • npm install -g vue-cli
  • npm install --save-dev webpack
  • npm install --save-dev webpack-cli
  • 我试过' webpack --version'它会告诉我我遗漏了一些东西,如果我想安装它。我单击是,我收到以下错误:

安装“webpack-cli”(运行“npm install -D webpack-cli”)... npm WARN ajv-keywords@3.4.1 需要 ajv@^6.9.1 的对等方,但没有安装。您必须自己安装对等依赖项。
npm WARN webpack-dev-middleware@3.4.0 需要 webpack@^4.0.0 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN webpack-dev-server@3.1.11 需要 webpack@^4.0.0 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN webpack-cli@3.3.11 需要 webpack@4.xx 的对等点,但没有安装。您必须自己安装对等依赖项。npm WARN 可选跳过可选依赖:fsevents@1.2.11 (node_modules\fsevents):npm WARN notsup 跳过可选依赖:fsevents@1.2.11 不支持的平台:想要 {"os":"darwin","arch":"any "} (当前: {"os":"win32","arch":"x64"})

  • webpack-cli@3.3.11 更新1个包,13.437s审核12959个包

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

发现 33 个漏洞(22 个低、7 个中等、4 个高)运行npm audit fix以修复它们,或npm audit获取详细信息错误:找不到模块“webpack-cli”

0 投票
0 回答
238 浏览

webpack - Webpack - CSS 缩小和捆绑

将近三个小时的研究,我在这里寻求社区帮助。

我有一个具有以下 CSS 的项目:

  • 每个页面都使用的那些(泛型):buttons.csstables.cssforms.csslists.css

  • 仅由特定 HTML 页面使用的那个page-custom-buttons.css

对于每个页面使用的那些,我想将它们捆绑并缩小到一个文件中。仅由特定页面使用的那个我只想缩小它们。

从我走过的许多指南、问题和文档中,我发现了以下内容:

  • 现在extract-text-webpack-plugin已弃用,mini-css-extract-plugin而是。
  • 我们可以mini-css-extract-plugin用来捆绑 CSS。
  • 我们可以使用optimize-css-assets-webpack-plugin它来优化它,但它需要安装另一个包来处理 js minifier(更多关于这里

描述MiniCssExtractPlugin

该插件将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持 CSS 和 SourceMaps 的按需加载。

从我对定义和示例的了解来看,这不应该用作捆绑器,而是提供从 JS 代码导入 CSS 的功能,就像我们在 react( import './styles.css') 中所做的那样。

真正的问题是,webpack 不适合这类问题吗?我应该使用其他软件吗?MiniCssExtractPlugin 真正做什么以及css-loader. 如何捆绑 myfiles 并正确缩小它们?

我发现了一个类似的未回答的问题: https ://dev.to/shaijut/how-to-bundle-mutiple-js-and-css-files-into-single-bundle-2a70

感谢您可能会回复此答案的人。你知道的任何有用的东西!

0 投票
0 回答
2249 浏览

webpack - --mode 开发错误:NormalModuleFactory.beforeResolve 不再是瀑布挂钩

我一起使用 webpack 5 和 @ngtools/webpack 来构建 Angular 应用程序。当我运行时webpack --mode development出现以下错误:

请注意,在我使用 @ngtools/webpack 9.0.0 之前,此时我遇到了另一个错误。

不是版本是 9.1.4 并出现错误。

这是整个依赖项:

如果我将 webpack 版本更新到 4.43.0 一切正常。看来 webpack 和 @ngtools/webpack 不能一起工作。

这里是否有我错过的任何其他信息可能对使用 webpack 5 设置这个项目有用?

0 投票
6 回答
62622 浏览

node.js - npm run dev 失败:ValidationError:无效的选项对象

目前通过一些教程学习Vue js和express js,我对这些技术还是新手。

无论如何,按照教程,我正在构建一个小项目,其中我有一个包含项目前端的文件夹“Client”和另一个包含后端的文件夹“Server”。

就在将提交推送到 Github 之前,一切都很好,但是一旦我这样做了,Github 就会发出一些漏洞,并且在修复它们之后,npm run dev 就不再工作了。

尝试了多种解决方案但没有任何效果,重新安装可疑模块,运行npm cache clean --force后重新安装节点模块

这是我得到的错误

这是日志文件:

运行npm audit给出以下结果:

相关依赖

"webpack": "^4.43.0",

我希望我为你们提供了一切,如果没有,我会立即提供任何东西来帮助澄清我的问题,因为我说过我是 Web 开发的新手。

更新:我试图找出此类错误背后的原因,更新webpack-dev-server 版本后会出现问题:

“webpack-dev-server”:“^2.9.1”

有错误的版本:

“webpack-dev-server”:“^3.11.0”

如果我忽略发现的漏洞可以吗?因为尝试修复它们会导致此错误。

谢谢

0 投票
0 回答
596 浏览

javascript - `webpack serve` 失败并显示“错误:找不到模块 '../../lib/webpack-cli'”

我正在尝试使用 webpack 建立一个项目。当我尝试使用 webpack 提供它时,我得到了这个:

该行/root/chat-webapp/node_modules/@webpack-cli/serve/index.js:4(在堆栈跟踪中提到)说:const WebpackCLI = require("../../lib/webpack-cli");。但是我没有该文件/root/chat-webapp/node_modules/lib/webpack-cli——即使我有,它也不在@webpack-cli/serve仓库中,并且仓库不应该对它无法控制的文件的位置做出假设。

但是我找不到任何人或 stackoverflow 或其他任何在同一相对路径上遇到错误的人。那么我错过了什么?我已经在本地安装了所有 npm 存储库,这有点不标准 - 可能与此有关吗?

0 投票
2 回答
23013 浏览

reactjs - 从 webpack-cli 获取错误:webpack 配置中的“TypeError:merge is not a function”

我正在使用 webpack-merge 将两个 webpack.config 文件组合在一起,但我不断收到错误“TypeError: merge is not a function when I run the command”webpack --config ./config/webpack.config.prod.js "

有没有其他人遇到过这个问题?

webpack.config.prod.js

0 投票
1 回答
165 浏览

webpack - 为什么 Webpack 5 会返回一个非零错误代码作为性能提示?

背景

我刚刚将一个项目从 Webpack 4 升级到 Webpack 5。在新版本中,似乎任何性能提示(警告)都会使 Webpack CLI在退出进程时返回非零错误代码 1 。

这破坏了我npm run --silent用来执行 webpack 脚本的生产版本。

解决方法

如果我删除配置文件中的性能提示,则不会返回错误代码。

问题

在 Webpack 4 中,这些提示没有返回任何错误代码。

如何在 Webpack 5 中启用性能提示作为警告 - 而不会获得非零退出代码?

0 投票
1 回答
1072 浏览

webpack - webpack 无法识别命令行选项

我觉得问这个有点愚蠢,但在其他地方找不到答案。
我正在将我们产品的 webpack 从 v1(是)升级到 v4,我对这一切都是新手。我安装了 webpack 和 webpack-cli:

但它不识别文档中列出的选项,例如-p--optimize-minimize

有什么问题?