You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular构建警告“Unable to initialize JavaScript cache storage”及路由切换CSS重复加载问题求助

Angular构建警告“Unable to initialize JavaScript cache storage”及路由切换CSS重复加载问题求助

大家好,我在构建Angular项目时遇到了一个警告,同时运行应用时还有个奇怪的路由行为,想请教下有没有解决思路。

初始环境配置

Angular CLI: 18.2.12
Node: 20.17.0
Package Manager: npm 10.8.2
OS: win32 arm64

Angular: 18.2.13
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1802.12
@angular-devkit/build-angular   18.2.12
@angular-devkit/core            18.2.12
@angular-devkit/schematics      18.2.12
@angular/cli                    18.2.12
@schematics/angular             18.2.12
rxjs                            7.8.1
typescript                      5.5.4
zone.js                         0.14.10

构建时警告

⚠️[WARNING] Unable to initialize JavaScript cache storage. [plugin angular-compiler]

  No native build was found for platform=win32 arch=arm64 runtime=node abi=115 uv=1 armv=8 libc=glibc node=20.17.0
  This will not affect the build output content but may result in slower builds.

运行时异常

我本来想着先忽略这个警告继续开发,但运行应用后发现一个奇怪的问题:在两个路由(组件A和组件B)之间来回切换时,每次访问路由都会从服务器重新下载CSS文件。这导致页面加载的瞬间因为CSS未加载完成而出现布局错乱,虽然只是短暂的,但体验很不好。我不确定这个CSS重复加载的问题是不是和上面的构建警告有关联。


编辑更新(2024年12月30日 晚上8:12 CST)

根据Matthieu Riegler的建议,我把Angular相关依赖升级到了19.x版本,现在的环境配置如下,但还是会出现同样的警告:

Angular CLI: 19.0.6
Node: 22.12.0
Package Manager: npm 10.9.0
OS: win32 arm64

Angular: 19.0.5
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1900.6
@angular-devkit/build-angular   19.0.6
@angular-devkit/core            19.0.6
@angular-devkit/schematics      19.0.6
@angular/cdk                    19.0.4
@angular/cli                    19.0.6
@angular/material               19.0.4
@schematics/angular             19.0.6
rxjs                            7.8.1
typescript                      5.6.3
zone.js                         0.15.0

备注:内容来源于stack exchange,提问作者VIRIYALA NARESH

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 17:09:39