3

まず、次のものをインストールしてインポートしましたNgbModule。

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

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

NgbModuleここで説明するように、 myのimports配列にを追加するとすぐにNgModule:

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

次のように叫ぶので、をnpm start使用して実行できません。webpack-dev-server

エラー

これは私のwebpack.config.jsです：

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'
};

ヘルプと説明をいただければ幸いです。

前もって感謝します！

アップデート：

source-map-loaderからの使用をpreLoaders削除するとエラーは削除されますが、ブラウザーに Typescript ソースが表示されません。

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

4

2 に答える 2

1

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

プロジェクトからではなくローカル PC からモジュールが要求された場合、それはおそらくグローバルにインストールされるはずのモジュールです。

試す： npm install source-map-loader -g

于 2016-09-03T17:09:39.427 に答える