当从Angular 7升级到Angular 9时,由于样式加载器的更改,可能会导致一些样式问题。以下是一个解决方法:
npm uninstall -g @angular/cli
npm cache clean --force
npm install -g @angular/cli@latest
package.json
文件,将@angular/cli
的版本更新为最新版本。运行以下命令:ng update @angular/cli@latest
ng update @angular/core@9
angular.json
文件的build
和test
部分中,检查是否使用了@angular-builders/custom-webpack
。"build": {
"builder": "@angular-builders/custom-webpack:browser"
},
"test": {
"builder": "@angular-builders/custom-webpack:karma"
}
@angular-builders/custom-webpack
,则需要安装它。运行以下命令:ng add @angular-builders/custom-webpack
angular.json
文件的build
和test
部分中,将styleLoader
设置为style-loader
。"styleLoader": "style-loader"
这些步骤应该能够解决您在从Angular 7升级到Angular 9时遇到的样式加载器问题。