Angular编译无报错但页面不显示,资源编译异常求助
Angular编译无报错但页面显示资源类错误的解决办法
针对你遇到的编译无报错但页面显示\app\missing\missing-details\missing-details.component.ts|resource�angular-compiler:resource|6|Compilation/assets|chunk105I这类资源相关错误的情况,即便没修改代码,也可以试试以下操作:
- 清除Angular本地缓存:执行命令
ng cache clean,如果是较旧的Angular版本,直接删除项目根目录下的.angular/cache文件夹(Windows用rmdir /s /q .angular\cache,Mac/Linux用rm -rf .angular/cache) - 重置依赖包:删除项目里的
node_modules文件夹和package-lock.json(或yarn.lock)文件,然后重新执行npm install(或yarn install) - 检查资源配置:打开
angular.json,确认projects -> [你的项目名] -> architect -> build -> options -> assets数组中的路径配置是否正确,有没有误引用到missing-details.component.ts相关的错误路径 - 重新构建项目:先停止当前运行的开发服务器,执行
ng build完成全量构建后,再启动ng serve - 强制刷新浏览器:用
Ctrl+F5(Windows)或Cmd+Shift+R(Mac)强制清空浏览器缓存后重新加载页面
这类问题通常是Angular编译缓存损坏、依赖包隐性更新或浏览器缓存残留导致的,即便没修改代码也可能出现。
内容的提问来源于stack exchange,提问作者Michał B
相关产品推荐
相关产品推荐

