我们将 Angular 版本从 11 升级到 12,并且样式未应用于生产版本。
如果我在开发构建中运行应用程序,我不会看到样式问题,但只有当我们进行产品构建时才会出现这种情况。
我看到角度12ng 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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)