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

发布时间：2020-12-17 17:58:24 所属栏目：安全来源：网络整理

导读：我正在尝试在angular2 / webpack / typescript项目中集成组件库. 该库已经被转换为javascript,但是当它被加载时,看起来webpack正在寻找.ts文件. 这是我正在使用的webpack配置： module.exports = { ...... entry: { 'polyfills': './src/polyfills.ts','vend

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

该库已经被转换为javascript,但是当它被加载时,看起来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})
  ]  
};

我正在webpack dev服务器上运行该应用程序.
这是错误消息：

./~/primeng/components/selectbutton/selectbutton.js
Cannot find source file 'selectbutton.ts': Error: Cannot resolve 'file' or 'directory' ./selectbutton.ts in C:data14-03angular2-webpack-starternode_modulesprimengcomponentsselectbutton

解决方法

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!