Webpack Angular2无法从窗口小部件库中找到.ts文件

我正在尝试在angular2 / webpack / typescript项目中集成组件库.

该库已经被转换为@L_403_0@,但是当它被加载时,看起来webpack正在寻找.ts文件.
这是我正在使用的webpack配置：

module.exports = {
  ......
  entry: {

    'polyfills': './src/polyfills.ts','vendor': './src/vendor.ts','main': './src/main.ts'
  },resolve: {
    extensions: ['','.ts','.js']
  },.....
  module: {
    preLoaders: [
        {test: /\.js$/,loader: 'source-map-loader',exclude: [helpers.root('node_modules/rxjs')]}
    ],loaders: [
      {test: /\.ts$/,loader: 'awesome-typescript-loader',exclude: [/\.(spec|e2e)\.ts$/]},{test: /\.json$/,loader: 'json-loader'},{test: /\.css$/,loader: 'raw-loader'},{test: /\.html$/,loader: 'raw-loader',exclude: [helpers.root('src/index.html')]}
    ]
  },plugins: [
    new ForkCheckerPlugin(),new webpack.optimize.OccurenceOrderPlugin(true),new webpack.optimize.CommonsChunkPlugin({name: ['main','vendor','polyfills'],minChunks: Infinity}),new CopyWebpackPlugin([{from: 'src/assets',to: 'assets'}]),new HtmlWebpackPlugin({template: 'src/index.html',chunksSortMode: 'none'}),new webpack.DefinePlugin({'ENV': JSON.stringify(MetaDATA.ENV),'HMR': HMR})
  ]  
};@H_403_15@ 
 我正在webpack dev服务器上运行该应用程序.
这是错误消息： 
  
 ./~/primeng/components/selectbutton/selectbutton.js
Cannot find source file 'selectbutton.ts': Error: Cannot resolve 'file' or 'directory' ./selectbutton.ts in C:\data\14-03\angular2-webpack-starter\node_modules\primeng\components\selectbutton@H_403_15@

解决方法

通过更新webpack配置以从primeng中排除源映射,我能够解决此错误：

module.exports = {
  ....
  module: {
    preLoaders: [
      ...
      {
        test: /\.js$/,exclude: [
          helpers.root('node_modules/primeng')
        ]
      }
    ]
    ...
  }
  ...
};@H_403_15@

Webpack Angular2无法从窗口小部件库中找到.ts文件

解决方法

猜你在找的Angularjs相关文章