モジュールが見つかりません：エラー

Question

現在、角度4アプリを開発中です。amexioライブラリ（https://github.com/meta-magic/amexio.github.io）を使用したいと考えています。 私はブートストラップをインストールしました.Tether.js & Popper.jsとFont Awesome with NPMが必要です。 これは私のアンギュラ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" 
    ],