webpack/typescript 错误“无效的配置对象 ... - configuration.resolve.extensions[0]”

Question

我关注this tutorial，然后关注this tutorial，因为我正在尝试将 webpack 与 typescript 一起使用。在我完成第一个教程（webpack w/out typescript）后，一切都运行良好。

但是，一旦我按照第二个教程运行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' }
    ]
  }
};