Angle cli 7.1.4 извлеченный файл styles.css неожиданный символ - PullRequest
1 голос
/ 16 апреля 2019

Я использую Angular Cli 7.1.4 и начальной загрузки 4.2.1 в моем угловом приложении.

Файл Angular.json:

"architect": {
   "build": {
      "options": {
          "styles": [
          "node_modules/bootstrap/scss/bootstrap.scss",              
          "src/styles.scss"
        ]
      },
     "configurations": {
        "localrelease": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.localrelease.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "2mb",
              "maximumError": "5mb"
            }
          ]
        }
   }
}

styles.scss:

// Theme variables, must be included before the libraries to allow 
   overriding defaults   

// 3rd party libraries
@import "~bootstrap/scss/bootstrap";

Проблема в том, что когда я собираю проект с помощью 'ng build --configuration localrelease', консоль браузера выдает следующую ошибку:

styles.9d1b9f2acfda72d82b52.css:6 Uncaught SyntaxError: Unexpected token :

styles.css:

/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT         
  */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8

По-видимому, проблема связана со сторонней библиотекой (начальной загрузкой). Может ли кто-нибудь адрес, что я делаю не так? Это было бы очень ценно.

1 Ответ

0 голосов
/ 17 апреля 2019
"styles": [
      "node_modules/bootstrap/scss/bootstrap.scss",              
      "src/styles.scss"
    ]

когда вы делаете @import "~bootstrap/scss/bootstrap";, оно добавляется снова. Попробуйте удалить один из них.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...