現在、以下の構成でAngularプロジェクトを作成しております。
- Angular 12.0.2
- UIKit 3.6.22
UIKitをカスタマイズする目的で、style.scssにて以下のようにscssファイルをimportしていますが、
3行目の「uikit-theme.scss」を記述して、
style.scss
@import '/node_modules/uikit/src/scss/variables-theme.scss'; @import '/node_modules/uikit/src/scss/mixins-theme.scss'; @import '/node_modules/uikit/src/scss/uikit-theme.scss';
「ng build」を実行すると、以下エラーが発生します。
$ ng build ✔ Browser application bundle generation complete. ✔ Copying assets complete. ✖ Index html generation failed. undefined:1:136594: property missing ':'
「ng serve」実行時は特に問題はないため、原因が特定できておりません。
もし情報お持ちの方がいらっしゃいましたらご教示頂ければ幸いです。
参考までに構成を添付させて頂きます。
package.json
{ ... "dependencies": { "@angular/animations": "~12.0.2", "@angular/common": "~12.0.2", "@angular/compiler": "~12.0.2", "@angular/core": "~12.0.2", "@angular/forms": "~12.0.2", "@angular/platform-browser": "~12.0.2", "@angular/platform-browser-dynamic": "~12.0.2", "@angular/router": "~12.0.2", "uikit": "^3.6.22", ... }
angular.json
"schematics": { "@schematics/angular:component": { "style": "scss" }, "@schematics/angular:application": { "strict": true } }, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/fast-message-admin-client", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", "styles": [ "src/styles/style.scss" ], }
あなたの回答
tips
プレビュー