webpack 相关问题

Webpack是JavaScript模块捆绑器。 Webpack采用具有依赖关系的模块并生成表示这些模块的静态资产。 Webpack的主要功能源于可扩展性，使开发人员能够在Web体系结构和Web性能中使用最佳实践。

BigInt 和可选链接、无效合并的 Angular 打字稿错误

我们有一个应用程序需要在旧版 Chrome (v79) 中支持。角度版本 13.2.7 打字稿版本 4.5.5 节点版本16.14.0 我们收到错误：大整数文字不可用...

angular typescript webpack optional-chaining nullish-coalescing

回答 1 投票 0

未找到 PrimeNG 样式表

我刚刚创建的新项目遇到了问题。由于某种原因，当尝试导入 PrimeNG 的样式表时，我收到 404 错误。不知道和这个有没有关系

angular webpack stylesheet node-modules primeng

回答 4 投票 0

动态加载时出现 TypeScript 问题

我有一个包含从 images.ts 导出的图标的文件：从'./arrow.svg'导出{默认为SvgArrow}；从'./copy.svg'导出{默认为SvgCopy}； ... 从 './

javascript reactjs typescript webpack

回答 1 投票 0

HMR 尚未针对模块块格式实现

我已经将我的 webpack 项目转换为输出 ES6：实验：{ 输出模块：true }, 输出： { 图书馆： { 类型：'模块' } }, 现在，当我在开发模式下运行时（

webpack ecmascript-6 chunks

回答 1 投票 0

重新运行 webpack 入口点

如果我以编程方式包含一个标签，其 src 属性指向 webpack 入口点，则运行时会在第一次附加到 DOM 时执行它。但是，如果我随后删除...</desc> <question vote="0"> 如果我以编程方式包含一个 <pre><code><script></code></pre> 标签，其中 <pre><code>src</code></pre> 属性指向 webpack 入口点，则运行时会在第一次附加到 DOM 时执行它。但是，如果我随后删除该脚本标记并重新插入具有相同 <pre><code>src</code></pre> 的新脚本标记，则它不会再次运行（即使附加了缓存清除查询字符串）。大概这是由于 webpack 的运行时模块缓存或类似的原因（但手动弹出 webpackChunk 数组不起作用：块被重新添加到数组中而无需重新运行脚本）。然而，我需要这个脚本在每次重新插入 DOM 时重新运行。我怎样才能实现这个目标？ </question> <answer tick="false" vote="-1"> 为了确保 webpack 入口点脚本每次重新插入 DOM 时都能重新运行，如果还没有尝试过，您可以尝试一下： 禁用缓存：确保浏览器不缓存脚本。每次插入脚本时，您可以将唯一的查询字符串附加到脚本的 src 属性。这可以通过添加时间戳或随机数来完成，如下所示：script.src = 'your-script.js?' + new Date().getTime();. 使用动态导入：使用动态导入来加载模块，而不是插入脚本标签。这可以使用 JavaScript 的 import() 函数来完成，该函数返回解析为模块的承诺。这种方法可确保每次导入模块时都会重新评估该模块。 Webpack 配置：检查您的 webpack 配置以确保运行时缓存不会阻止脚本重新运行。您可能需要调整输出或优化设置以禁用或修改缓存行为。 自定义事件：如果脚本设计为运行特定函数，请考虑公开该函数并在重新插入脚本后直接调用它。这样<a href="https://www.appoly.co.uk/services/website-development/" rel="nofollow noreferrer">，</a>您可以手动触发所需的行为，而不需要依赖脚本的自动执行。 Service Worker：如果适用，请确保 Service Worker 不会干扰脚本加载。服务工作人员可以缓存请求并从缓存中提供服务，从而防止脚本重新运行。 </answer> </body></html>

webpack

回答 0 投票 0

使用模块联合在 Angular 17 主机应用程序和 Angular 14 远程应用程序中加载远程模块时出现“进程未定义”错误

问题：当我尝试通过 Angular 17 主机应用程序中的模块联合加载远程 Angular 模块时，遇到进程未定义错误。远程应用程序正在使用 Angular 14。我正在使用 M...

angular webpack angular-module-federation

回答 1 投票 0

使用带有 webpack 模板的 electro-forge 的 puppeteer-extra-plugin-stealth 时找不到模块“is-plain-object”错误

当使用 puppeteer-extra-plugin-stealth 与带有 webpack 模板的 electro-forge 时，当您运行 npm start 时，您将收到错误。应用程序在加载期间抛出错误错误：找不到模块“is-pl...

webpack electron playwright electron-forge puppeteer-extra-plugin-stealth

回答 1 投票 0

如何解决：配置对象无效。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化？

我有一个工作项目 React + typescript，可以与 Babel 和 Webpack 配合使用。当我编写代码时，突然出现此错误： “配置对象无效。Webpack 已初始化...

javascript reactjs typescript webpack

回答 1 投票 0

UnhandledSchemeError：插件不处理从“node:zlib”读取（未处理的方案）

任何人都可以帮助解决这个错误吗？我已经尝试使用polyfills和我可以在网上找到并自己思考的所有其他解决方案来解决，但我仍然不断遇到问题

webpack

回答 2 投票 0

Babel：在 Shakapacker + React + Typescript 上找不到模块“@babel/plugin-proposal-class-properties”

环境：[Rails 6.0.6、React、Typescript、Shakapacker、Yarn] 这是一个不寻常的错误，我找不到任何其他类似问题或 Github 问题的答案。运行 Rails 资产时：

reactjs ruby-on-rails webpack yarnpkg

回答 1 投票 0

Webpack watchOptions.ignored – 排除某些目录被忽略

对于 webpack 的 watch 功能，watchOptions.ignored 允许我指定要忽略的任何匹配模式，如下所示：模块. 导出 = { //... 观看选项：{ 忽略：['files/**/*.js', 'node_mod...

javascript node.js regex webpack webpack-dev-server

回答 1 投票 0

在nextjs中使用@module-federation/rsbuild-plugin公开的组件

我有与这个问题完全相同的问题，但该解决方案对我不起作用:(。我的情况的不同之处在于我的远程组件由 @module-federation/rsbuild-plugin 公开。 ...

javascript webpack rsbuild nextjs-mf module-federation-enhanced

回答 1 投票 0

Webpack web-workers 加载程序不工作

我正在使用 webpack 构建一个应用程序，我正在尝试添加一些网络工作人员，我正在使用内置插件来加载它们，但我按照此处的示例（官方存储库）进行操作，但我无法做不到...

javascript webpack web-worker webpack-dev-server

回答 3 投票 0

如何使用 Webpack 5 加载 Service Worker？

我正在使用 Webpack 5，我希望有一个 Service Worker 能够拦截获取请求并在本地返回响应，而无需访问网络。我还希望能够导入 npm 模块...

javascript reactjs webpack service-worker

回答 5 投票 0

Webpack 和 TypeScript - 没有转译和缺失代码

这让我发疯。我有一个非常简单的 webpack/typescript 设置，但由于某种原因，在输出包中没有转译为 ES5，并且模块不包含在包中......

typescript webpack

回答 1 投票 0

找不到全局sharp-cli包使用的sharp实例

尝试运行 Web 版 Expo 时，在...的根目录中创建名为 webpack.config.js 的文件后，出现错误“无法找到全局 Sharp-cli 包使用的 Sharp 实例”

node.js webpack expo sharp

回答 2 投票 0

将 LESS 文件转换为 CSS 模块

我正在尝试将 LESS 文件的遗留代码库转换为 CSS 模块。我将 webpack 的 css-loader 更新为如下所示： { 加载器：'css-loader'，选项： { 模块：{ // 现在，...

css webpack css-modules css-loader

回答 1 投票 0

webpack 4 提供背景： url([object Module]) 作为背景图像

我在设置 web-pack 4 和 svg-sprite-loader 将 svg 图标渲染为背景图像时遇到问题。我遵循 svg-sprite-loader 官方文档中的这些说明（https://git...

javascript webpack webpack-4 svg-sprite

回答 4 投票 0

运行 React App 时出现“无效的主机标头”

我有一个简单的 React JS 项目，并且正在部署到 OSE 中。我还在我的项目中使用以下依赖项。 "webpack": "^2.2.0", "webpack-dev-server": "^1.14.1", “反应”：“^15.5.4...

reactjs deployment webpack react-router webpack-dev-server

回答 7 投票 0

无法扩展 Highcharts 以使用 Angular 18 中的导出模块：

我们可以将 highcharts 导出为不同的格式，如 png、jpeg、xlsx 等。我们最近从 Angular 14 升级到 Angular 18。突然，此功能无法正常工作并出现以下错误：

angular webpack highcharts

回答 1 投票 0

webpack 相关问题

最新问题