импорт начальной загрузки в angular 6 angular.json Ошибка: ENOENT: нет такого файла или каталога

Question

Как правильно импортировать загрузчик в Angular 6. В предыдущих версиях я делал это так, и он работал правильно.

angular-cli.json (Angular 5)

"styles": [
    "styles.scss"
  ],
"scripts": [
    "../node_modules/jquery/dist/jquery.slim.min.js",
    "../node_modules/popper.js/dist/umd/popper.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
  ],

angular.json (Angular 6)

"styles": [
          "src/styles.css"
        ],
"scripts": [
          "../node_modules/jquery/dist/jquery.slim.min.js",
          "../node_modules/popper.js/dist/umd/popper.min.js",
          "../node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

получить ошибку:

Error: ENOENT: no such file or directory, open '/Users/pacozevallos/myApp/node_modules/jquery/dist/jquery.slim.min.js'

Answer 1

Эта конфигурация должна работать, потому что, как вы видите в файле angular.json, есть свойство "root": "", для импорта файлов, поэтому следуйте приведенному ниже фрагменту кода

"styles": [
   "src/styles.scss",
   "node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
   "node_modules/jquery/dist/jquery.slim.min.js",
   "node_modules/popper.js/dist/umd/popper.min.js",
   "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

Answer 2

Я вижу, ваша ошибка указывает на отсутствие файла jquery.Но бутстрап 4 не нуждается в jquery.Если вы используете команду npm install --save @ng-bootstrap/ng-bootstrap из angular-cli, я думаю, что нет необходимости в зависимости jquery.Также необходимо добавить к основному модулю и модулю, который вы хотите реализовать загрузочную стилевую стилизацию оператора импорта:

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

Нет необходимости устанавливать jquery, это может помешать коду ng-bootstrap.Может быть, вам нужно удалить все jquery, которые вы можете установить.