はWebPACKのとAngular2

Question

初とNG-ブートストラップを使用することはできません、私がインストールされ、NgbModuleインポート：この時点で

• npm install --save @ng-bootstrap/ng-bootstrap
• import {NgbModule} from '@ng-bootstrap/ng-bootstrap'

を、すべてが正常に動作し、私がすることができますよ私のアプリケーションを以前と同じように実行してくださいng-bootstrap

すぐに私はNgbModuleを追加しました

：これは私の webpack.config.jsある

：ここで説明したように私NgModuleのimports配列はO：それは叫ぶよう

@NgModule({ 
    imports: [ 
     NgbModule, .... 
    ], 
    declarations: [AppComponent, ....], 
    bootstrap: [AppComponent], 
}) 

私は、npm startはwebpack-dev-serverを使用して実行することができませんよ

module.exports = { 
    entry: "./app/boot", 
    output: { 
    path: __dirname, 
    filename: "./dist/bundle.js" 
    }, 
    resolve: { 
    extensions: ['', '.js', '.ts'] 
    }, 
    module: { 
    loaders: [ 
     { test: /\.ts/, loader: ["ts-loader"], exclude: /node_modules/ }, 
    ], 
    preLoaders: [ 
     // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 
     { test: /\.js$/, loader: "source-map-loader", exclude: ['node_modules', 'ext-*', 'lib', 'tools'] } 
    ] 
    }, 
    debug: true, 
    devtool: 'source-map' 
}; 

何か助けと説明がありがとう！

ありがとうございます！

UPDATE：preLoadersからsource-map-loaderの使用を取り外し

誤差を除去するが、ブラウザには活字体源を得ていません。

どうすればいいですか？なぜこれが起こるのでしょうか？

Answer 1

webpackはローカルコンピュータのファイルで、あなたのプロジェクトではなく、source-map-loaderを検索しているようです。 私の推測では、 npm install source-map-loader --save-devは動作しません。

あなたのプロジェクトからではなく、あなたのローカルPCからいくつかのモジュールが尋ねられるとき、それはおそらくグローバルにインストールされるはずのモジュールでしょう。

試してみてください。 npm install source-map-loader -g

Answer 2

source-map-loaderモジュールはインストールされていますか？つまり、node_modulesフォルダにありますか？

npm install source-map-loader --save-dev