Angular-cli 资产优化中的“JavaScript 堆内存不足”

2023-11-22

我正在 Angular-cli 项目中创建传单地图。地图图块本地存储在“assets”文件夹中,因为它是栅格地图。问题是,当我有很多地图缩放级别时,我有超过 28 万张图像,大小大约为 1.1 GB,而且它会变得更大。

当我使用ng serve这是控制台输出(它被卡在资产优化中):

** NG Live Development Server is running on http://localhost:4200. **
25234ms building modules
69ms sealing
0ms optimizing
0ms basic module optimization
96ms module optimization
1ms advanced module optimization
16ms basic chunk optimization
0ms chunk optimization
1ms advanced chunk optimization
0ms module and chunk tree optimization
179ms module reviving
9ms module order optimization
4ms module id optimization
6ms chunk reviving
23ms chunk order optimization
36ms chunk id optimization
61ms hashing
1ms module assets processing
149ms chunk assets processing
4ms additional chunk assets processing
0ms recording
1ms additional asset processing
2693ms chunk asset optimization
 94% asset optimization
<--- Last few GCs --->

  119106 ms: Mark-sweep 1333.6 (1409.7) -> 1333.6 (1415.7) MB, 1402.0 / 2.1 ms [allocation failure] [GC in old space requested].
  120570 ms: Mark-sweep 1333.6 (1415.7) -> 1333.6 (1427.7) MB, 1464.2 / 2.2 ms [allocation failure] [GC in old space requested].
  122079 ms: Mark-sweep 1333.6 (1427.7) -> 1340.0 (1409.7) MB, 1508.1 / 2.5 ms [last resort gc].
  123749 ms: Mark-sweep 1340.0 (1409.7) -> 1346.3 (1409.7) MB, 1670.2 / 2.1 ms [last resort gc].


<--- JS stacktrace --->

==== JS stack trace =========================================

Security context: 000001AA792CFB61 <JS Object>
    1: inflight [C:\Workspace\node_modules\inflight\inflight.js:~7] [pc=00000202BF9894B7] (this=000001AA792E6661 <JS Global Object>,key=00000045863E5881 <Strin
g[90]\: lstat\x00C:/Workspace/src/assets/leafletmap_files/9/42/176.png>,cb=00000045863E5839 <JS Function lstatcb_ (SharedFunctionInfo 00000253E9EFC219
)>)
    2: wrapper [C:\Workspace\...

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

我尝试使用:node --max_old_space_size=8192 --optimize_for_size --max_executable_size=4096 --stack_size=4096,但这没有任何区别。

1- 有没有其他方法可以避免优化所有资产文件夹?如果这是我认为的问题根源,因为在添加更多传单平铺图像之前该项目运行顺利。

2- 有什么解决方法可以解决这个问题吗?

UPDATE:有一个未决问题位于Angular-cli 存储库与这个问题相关。


将以下行添加到package.json file.

"aot": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --prod --aot"

并尝试运行npm run aot

这对我有用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular-cli 资产优化中的“JavaScript 堆内存不足” 的相关文章

随机推荐

  • iOS 中的动画文本内容 - 相当于 Android ValueAnimator

    我正在开发一个 iOS 7 应用程序 并且想要以动画方式更改 UILabel 的内容 我do not想要做任何图形动画 例如淡出旧内容 淡入新内容 因此 iOS 提供的所有标准动画功能 例如图层动画或动画块 都无法使用 至少我这么认为 假设
  • 如何在 C# 中从控制台窗口返回焦点?

    我有一个 C 控制台应用程序 A 它以黑色 Windows 控制台打开 有时在启动时它会从另一个程序 B 中窃取焦点needs焦点 问题 我怎样才能把焦点从A exe to B exe A gt Focus gt B Details 计划B
  • Javascript - 检索文件夹中文件的名称

    我有一个要求 我需要从客户端的文件夹中检索所有文件名 因此 我尝试使用 Jquery 检索文件夹中的文件名称 引用这个答案 我的代码如下
  • NextJS Vercel部署错误Nested Middleware is not allowed,发现:pages/_middleware

    突然我的中间件在部署中停止工作 错误是 gt Build error occurred NestedMiddlewareError Nested Middleware is not allowed found pages middlewar
  • 为什么 matplotlib 的缺口箱线图会自行折叠?

    我尝试使用 matplotlib 制作缺口箱线图 但发现缺口箱往往会过度延伸 然后自行折叠 当我制作常规箱线图时 不会发生这种情况 这可以通过以下代码和生成的结果图看出 import matplotlib pyplot as plt dat
  • 为什么我需要先更改绑定源位置才能保存更改

    我有一个小型演示 WinForms 应用程序 其中一份表格是我的 添加新人 表格 我使用了详细信息视图而不是DataGridView来自我的数据源 当我输入数据并单击导航器上的保存按钮时 更改为零 但是我输入了MovePrevious an
  • Ruby on Rails 中的 send_data 与电子表格插件结合使用时遇到困难

    我在控制器中有一个函数 它接受一些规范并生成有关它们的报告 这个函数 user report 在视图中被调用 controller gt reports action gt user report print state gt 打印 gt
  • 替换多个换行符、制表符和空格[重复]

    这个问题在这里已经有答案了 我想用一个换行符替换多个换行符 用一个空格替换多个空格 I tried preg replace n n n text 并失败了 我还在 text 上完成这项工作以进行格式化 text wordwrap text
  • Gradle + Buildship - 在 JAR 和项目之间切换依赖关系

    我在按照我想要的方式配置 Buildship for Eclipse 时遇到一些问题 目前 我始终在 Eclipse 中打开超过 50 个项目 但我想改为仅在 Eclipse 中积极处理的项目 而其他项目将使用 Maven 存储库来解决其依
  • Nodejs POST 请求多部分/表单数据

    我正在尝试通过 POST 请求上传照片request module 根据自述文件我应该能够做到这一点 var r request post http posttestserver com post php requestCallback v
  • 使用 COM 互操作将 BSTR 从 C++ 编组到 C#

    我有一个用 C 编写的进程外 COM 服务器 由一些 C 客户端代码调用 服务器接口之一上的方法向客户端返回一个大的 BSTR 我怀疑这会导致内存泄漏 该代码有效 但我正在寻求有关编组 BSTR 的帮助 稍微简化一下 服务器方法的 IDL
  • htaccess - 重定向到子文件夹而不更改浏览器 URL

    我有一个域 其中包含具有 Web 应用程序结构的子文件夹 我添加了一个 htaccess在我的根域上指向我的子文件夹 Web 应用程序上的公共文件夹 它工作正常 但是当我输入时www example com浏览器 URL 更改为www ex
  • 无法更新 Xcode 4.2。错误:请查阅 var/log/install.log 了解更多详细信息?

    UPDATE 既然这个问题得到了一些看法 我想我最好强调这样一个事实 我解决了问题简单地通过从 Mac App Store 重新下载 Xcode 重新安装后 它甚至给了我一个方便的选项来删除以前的版本并将其替换为新版本 希望这可以帮助遇到同
  • 从 std::thread 获取返回码? [复制]

    这个问题在这里已经有答案了 可能的重复 C std thread 的简单返回值 有没有办法从 std thread 获取返回码 我有一个返回整数的函数 我希望能够在线程执行完毕时从该函数获取返回代码 不 不是这样的std thread is
  • 有界度生成树中的 np 完整性

    我理解为什么有界度生成树被认为是具有 1 或 2 度的 NP 完全 它是哈密顿路径问题的一个实例 但我不明白为什么这适用于度 gt 2 如果有人可以解释为什么这是度 gt 2 的 NP 完全问题 这将是最有帮助的 好吧 我认为你可以从有界
  • R Shiny:在服务器端使用 Actionbutton 的 Onclick 选项

    我想制作一个闪亮的应用程序 用户可以在其中按下操作按钮 然后触发服务器端的一些代码 在 www 文件夹中创建一个文件 然后打开 下载该文件 假设该文件是 test txt 在我的例子中 它将是各种 R Excel 和 exe 文件 这些文件
  • Visual Studio 2010“按任意键继续...”不显示[关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 当我的应用程序完成执行时 按任意键继续 字样不会显示在控制台中 我知道这个提示应该在 启
  • 聚合匹配的项目在 mongodb 中不起作用

    我正在尝试根据某些匹配条件获取数据 首先我尝试过这个 这里的ending date是完整的日期格式 Offer aggregate match carer id req params carer id status 3 group id y
  • JavaScript 按钮重定向

    试图让我的按钮充当链接 尝试过 a 标签 如果您在新选项卡中打开它会起作用 但如果您单击它则不起作用 然后尝试了这段代码 但什么也没有 建议 a
  • Angular-cli 资产优化中的“JavaScript 堆内存不足”

    我正在 Angular cli 项目中创建传单地图 地图图块本地存储在 assets 文件夹中 因为它是栅格地图 问题是 当我有很多地图缩放级别时 我有超过 28 万张图像 大小大约为 1 1 GB 而且它会变得更大 当我使用ng serv