Ionic独立组件PWA样式失效及404错误排查求助

原始问题 #

使用Ionic独立组件开发PWA项目：

• ionic serve运行时，Ionic核心全局样式、theme/variables.scss自定义主题样式、global.scss自定义全局样式均可正常渲染
• 构建生产环境包后，仅global.scss中的自定义CSS生效，Ionic核心全局样式与theme/variables.scss配置的主题样式完全未加载
• 已耗时20+小时排查，确认所有文件路径配置正确，无法定位问题。附main.ts、index.html、angular.json完整配置代码及开发/生产环境渲染效果对比图，寻求技术支持。

更新排查进展 #

经过两天排查、重装依赖、清理缓存后，出现以下统一问题：

• ionic serve与http-server ./www均触发相同404错误：Failed to load resource: the server responded with a status of 404 (Not Found)，该错误不受启动页面影响
• ionic serve页面视觉渲染正常，但控制台持续抛出上述404错误
• http-server ./www无法加载Ionic核心CSS资源，但global.scss中的自定义CSS可正常渲染

内容的提问来源于stack exchange，提问作者techwestcoastsfosea