当从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时遇到的样式加载器问题。