Angular - Добавление -js fle для получения Uncaught SyntaxError: Неожиданная строка

Question

У меня есть приложение angular 6, я пытаюсь настроить свою собственную библиотеку стилей ... Вот так выглядит angular.json файл:

"root": "",
  "sourceRoot": "src",
  "projectType": "application",
  "prefix": "app",
  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  },
  "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/adm-auth-frontend",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "node_modules/bootstrap/scss/bootstrap.scss",
          "src/styles.scss"
        ],
        "scripts": [
          "src/assets/scripts/index.js"
        ]
      },
      "configurations": {

Как вы можетевидите, проект был настроен с помощью sass, и он работает хорошо.Проблема в том, что мне нужны некоторые файлы сценариев, я добавил эти файлы в разделы сценариев, но когда я запускаю команду execute ng serve , появляется следующая ошибка и она все еще работает: (

См. Ошибку

Я пытался добавить ее в файл конфигурации веб-пакета, используя ng eject но ..

The 'eject' command has been temporarily disabled, as it is not yet compatible with the new angular.json format. The new configuration format provides further flexibility to modify the configuration of your workspace without ejecting. Ejection will be re-enabled in a future release of the CLI.If you need to eject today, use CLI 1.7 to eject your project.

index.js file:

@import './spec/settings/index.scss';
@import './spec/tools/index.scss';
@import 'bootstrap/scss/bootstrap.scss';
@import './spec/index.scss';
@import './vendor/index.scss';

Как я могу добавить эти .js файлы?

Answer 1

Сценарии Angular, добавленные в файл angular.json, запускаются только один раз. когда Angular захватит приложение, оно прочитает эти сценарии один раз и загрузит поэтому не рекомендуется использовать js-файлы с угловым углом, они не будут работать снова, если они не были повторно запущены вручную при изменении HTML.

вместо этого используйте библиотеки машинописи, такие как ng-bootstrap или Временное решение - добавить ручной тег на index.html, это сработало, но недостаточно хорошо.