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
相关产品推荐
相关产品推荐

