在迁移到Angular 11时,您可能会遇到以下错误:无法为CSS创建bundle文件夹。这是因为在Angular 11中,@angular-devkit/build-angular包已经更新,升级导致了一些调整。
要解决此问题,请在angular.json文件中更新以下内容:
"builder": "@angular-devkit/build-angular:browser",
"options": {
...,
"stylePreprocessorOptions": {
"includePaths": [
"src/styles"
]
},
"outputPath": "dist/dashboard",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss"
],
"scripts": []
},
通过在options中更新styles为如下内容:
"styles": [
"src/styles.scss"
],
然后执行下面的命令来重新构建您的应用程序:
ng build
这将生成CSS文件,所有文件都将放置在dist文件夹中。