问题标签 [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.
reactjs - webpack.config 有一个未知属性“publicPath”
无法启动 my-react-app，因为 webpack.cofig 文件有错误并且无法修复。到处搜索，但无法找到解决方案。谁能建议我该怎么做？
代码：
错误："[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'publicPath'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, setupExitSignals?, static?, watchFiles?, webSocketServer? }"
Webpack.cofig 文件代码：
reactjs - 无法加载 @webpack-cli/serve
我从复数教程下载了一个项目文件夹，当我尝试使用 npm start 运行它时，它显示以下消息：
[webpack-cli] 无法加载 '@webpack-cli/serve' 命令 [webpack-cli] 类型错误：options.forEach 不是 WebpackCLI.makeCommand 中的函数（C:\Users\Israel Juarez\Desktop\before\node_modules\ webpack-cli\lib\webpack-cli.js:173:21)
npm 错误！代码 ELIFECYCLE npm 错误！errno 2 npm 错误！ps-redux@1.0.0 开始：
webpack serve --config webpack.config.dev.js --port 3000npm 错误！退出状态 2 npm ERR！npm 错误！ps-redux@1.0.0 启动脚本失败。npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\Israel Juarez\AppData\Roaming\npm-cache_logs\2021-10-20T17_42_05_820Z-debug.log
webpack-dev-server - 热重载不起作用 Rails 6 和 webpacker 5.4.3 gem
我正在使用 Rails 6 和 webpacker 5.4.3 gem。我最近刚刚升级了几个节点包并添加了一个破坏热重载并且无法确定原因的节点包；这些是我升级/添加的软件包：
- @rails/webpacker。从 5.1.1 到 5.4.3
- webpack 从 4.39.4 到 4.46.0
- webpack-dev-server 从 3.8.0 到 4.1.1
- webpack-cli 4.9.1（添加）
TLDR；在我更新了一些节点包之后，看起来 webpack-dev-server 正在监视更改，但由于某种原因没有充当刷新浏览器的代理，事实上，webpacker 甚至可能根本没有读取 config/webpacker.yml，因为它是不使用指示的主机和端口..
到目前为止，我注意到的是，如果我在 2 个终端中运行以下命令......
$ ./bin/webpack-dev-server
和
$ rails s -b 0.0.0.0 -p 3333
...并更改我的一个反应组件（例如一些文本），我可以看到运行 webpack-dev-server (wds) 的终端执行以下操作：
- 了解变化。
- 生成一个新的哈希。
- 重新编译。
我还注意到此时我的public/packs/manifest.json文件得到了正确更新，但是在 js 文件夹中没有任何应该根据 wds 终端输出重新编译的 js 文件，例如：js/application-b46eee3e623901e06c18.js js/application-6c52adcc65de5c6db860.hot-update.js js/application-b46eee3e623901e06c18.js.map js/application-6c52adcc65de5c6db860.hot-update.js.map
话虽如此，浏览器永远不会像以前那样刷新视图。当我刷新浏览器以查看更改时，我可以看到运行 rails 服务器的终端表明 webpacker 重新编译所有内容。我可以看到更改，这只是重新编译，而不是热加载并且需要永远。
这是我的相关文件：
包.json
配置/webpacker.yml
配置/webpack/development.js
任何帮助，将不胜感激。
webpack - 我最近安装了 webpack 和 webpack-dev-server 并在 localhost 上运行它时出现此错误
我最近安装了 webpack 和 webpack-dev-server 并在从终端运行它时收到此错误。
错误：[webpack-cli] 无效的选项对象。开发服务器已使用与 API 架构不匹配的选项对象进行初始化。- 选项具有未知属性“contentBase”。这些属性有效：object { allowedHosts?、bonjour?、client?、compress?、devMiddleware?、headers?、historyApiFallback?、host?、hot?、http2?、https?、ipc?、liveReload?、magicHtml?、onAfterSetupMiddleware ?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, static?, watchFiles?, webSocketServer? }
webpack - RangeError：WebAssembly.Instance()：内存不足：wasm 内存
使用 Laravel Mix 编译资产时，出现以下错误。
我遵循的步骤：
- 克隆 Laravel Git
- 使用 npm install 安装所有 node_modules
- 使用 (npx mix 或 npm run dev/prod) 编译资产时出错
我已经尝试过重新安装不同版本的 node 和 npm，但仍然遇到相同的错误。
[webpack-cli] RangeError: WebAssembly.Instance(): Out of memory: wasm memory at create (/home/my_app/public_html/app/laravel/node_modules/webpack/lib/util/hash/wasm-hash.js:154 :4) 在 module.exports (/home/my_app/public_html/app/laravel/node_modules/webpack/lib/util/createHash.js:152:27) 在 /home/my_app/public_html/app/laravel/node_modules/webpack /lib/DefinePlugin.js:289:22 at Hook.eval [as call] (eval at create (/home/my_app/public_html/app/laravel/node_modules/tapable/lib/HookCodeFactory.js:1:1), : 194:1) 在 Hook.CALL_DELEGATE [as _call] (/home/my_app/public_html/app/laravel/node_modules/tapable/lib/Hook.js:14:14) 在 Compiler.newCompilation (/home/my_app/public_html/ app/laravel/node_modules/webpack/lib/Compiler.js:1053:26) 在 /home/my_app/public_html/app/laravel/node_modules/webpack/lib/Compiler.js:1097:29 在 Hook。eval [as callAsync] (eval at create (/home/my_app/public_html/app/laravel/node_modules/tapable/lib/HookCodeFactory.js:1:1), :22:1) at Hook.CALL_ASYNC_DELEGATE [as _callAsync] ( /home/my_app/public_html/app/laravel/node_modules/tapable/lib/Hook.js:18:14) 在 Compiler.compile (/home/my_app/public_html/app/laravel/node_modules/webpack/lib/Compiler.js :1092:28)
规格：Laravel v8 和最新的 Laravel Mix 版本 Node v16.13.0 NPM v8.1.0
我正在使用具有 8GB 内存的 VPS。
webpack - 使用 writeToDisk 时 Webpack 无效的选项对象
我正在尝试将 webpack 用于我的 Web 开发项目，但不知道如何使用 writeToDisk 选项。
这是我的 webpack.config.development.js 文件：
我运行时的结果npm start如下：
谢谢 ！