webpack/typescript 错误"Invalid configuration object ... - configuration.resolve.extensions[0]"

Question

我遵循了本教程，然后是本教程，因为我正在尝试将 webpack 与打字稿一起使用。在我完成第一个教程(没有打字稿的 webpack (后，一切运行良好。

但是，一旦我按照第二个教程运行npm run build就会出现此错误：

配置对象无效。Webpack 已使用与 API 架构不匹配的配置对象进行初始化。 - configuration.resolve.extensions[0] 不应为空。

我无法在任何地方找到解决这个问题的方法。

这是我的webpack.config.js文件：

module.exports = {
  entry: './main.ts',
  output: {
    filename: './bundle.js'
  },
  resolve: {
    extensions: ['', '.ts']
  },
  module: {
    loaders: [
      { test: /.ts$/, loader: 'awesome-typescript-loader' }
    ]
  }
};

有什么帮助吗？

Answer 1

最新版本的 webpack 不允许像您现在这样将空字符串传递给数组module.resolve.extensions只需删除空字符串或将其替换为您想要支持的一些扩展

module.exports = {
  entry: './main.ts',
  output: {
    filename: './bundle.js'
  },
  resolve: {
    extensions: ['.ts'] // don't specify the empty string, add '.js' if you want to import plain javascript files into typescript 
  },
  module: {
    loaders: [ // should use 'rules' instead of 'loaders', 'loaders' is retained for backward compatability only
      { test: /.ts$/, loader: 'awesome-typescript-loader' }
    ]
  }
};