如何解决Angular 12 升级后样式问题
我们将 Angular 版本从 11 升级到 12,并且样式未应用于生产版本。
如果我在 dev build 中运行应用程序,我看不到样式问题,但这仅在我们执行 prod build 时发生。
我在 angular 12 中看到 ng build --prod
已被弃用,因此使用了 Angular ng build --configuration production
推荐的新命令。
添加以下屏幕截图:
[Package.json 显示版本差异][1]
[Package.json 显示版本差异][2]
当我检查样式时,我们在相应的 component.scss 中应用的自定义样式没有应用。
我是不是缺少一些配置?
下面是 tsconfig.json -
{
"compilerOptions": {
"baseUrl": "./","outDir": "./dist/out-tsc","target": "es2015","downlevelIteration": true,"declaration": false,"importHelpers": true,"lib": [
"es2018","dom"
],"module": "esnext","moduleResolution": "node","sourceMap": true,"experimentalDecorators": true,"removeComments": false,"suppressImplicitAnyIndexErrors": true,"typeRoots": [
"node_modules/@types"
],"watch": false
},"exclude": [
"node_modules"
],"angularCompilerOptions": {
"strictInjectionParameters": true
}
}
` [1]:https://i.stack.imgur.com/zBq0B.png [2]:https://i.stack.imgur.com/2cy0W.png
解决方法
这似乎仍然是一个悬而未决的问题,角度仍然存在:
https://github.com/angular/angular-cli/issues/9475
你可以尝试做一个可能的解决方法:
ng build --prod -extract-css false
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。