Модуль не найден: ошибка

Question

В настоящее время я разрабатываю приложение под углом 4 и хочу использовать библиотеку amexio. ( https://github.com/meta-magic/amexio.github.io). я установил bootstrap, требуется Tether.js & Popper.js и Font Awesome с NPM. это мой angular-cli.json стили и скрипт

  "styles": [
                "../node_modules/font-awesome/css/font-awesome.css",
                "styles/app.scss",
                "styles.css",
                "../node_modules/bootstrap/dist/css/bootsrap.css",
                "../node_modules/font-awesome/css/font-awsome.min.css"
            ],
            "scripts": [
                "../node_modules/chart.js/dist/Chart.js",
                "../node_modules/jquery/dist/jquery.min.js",
                "../node_modules/popper.js/dist/umd/popper.min.js",
                "../node_modules/tether/dist/js/tether.min.js",
                "../node_modules/bootstrap/dist/js/bootstrap.js"
            ]

но когда я запускаю npm, я получаю эту ошибку:

ERROR in multi ./node_modules/font-awesome/css/font-awesome.css ./src/styles/app.scss ./node_modules/bootsrap/dist/css/bootsrap.css
Module not found: Error: Can't resolve 'D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css' in 'D:\workspace\pmnnew\node_modules\@angular\cli\models\webpack-configs'
resolve 'D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css' in 'D:\workspace\pmnnew\node_modules\@angular\cli\models\webpack-configs'
  using description file: D:\workspace\pmnnew\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: D:\workspace\pmnnew\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    using description file: D:\workspace\pmnnew\package.json (relative path: ./node_modules/bootsrap/dist/css/bootsrap.css)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css.js doesn't exist
      as directory
        D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css doesn't exist
[D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css]
[D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css.ts]
[D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css.js]
[D:\workspace\pmnnew\node_modules\bootsrap\dist\css\bootsrap.css]
 @ multi ./node_modules/font-awesome/css/font-awesome.css ./src/styles/app.scss ./node_modules/bootsrap/dist/css/bootsrap.css

Answer 1

Вы импортировали файлы с неправильной последовательностью, поэтому выдает ошибку. Пожалуйста, следуйте указанной выше последовательности.

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/font-awesome/css/font-awesome.min.css",
    "styles/app.scss",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/popper.js/dist/umd/popper.min.js",
    "../node_modules/tether/dist/js/tether.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js",
    "../src/assets/data/prism/prism.js"
  ],