Question

我跟随this tutorial然后this tutorial，因为我正在尝试使用带有打字稿的webpack。完成第一个教程（webpack w / out typescript）后，一切运行正常。

然而，一旦我按照第二个教程运行module.exports = { entry: './main.ts', output: { filename: './bundle.js' }, resolve: { extensions: ['', '.ts'] }, module: { loaders: [ { test: /.ts$/, loader: 'awesome-typescript-loader' } ] } };，我就会收到此错误：

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

我无法在任何地方找到解决方案。

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

{{1}}

任何帮助？

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

webpack / typescript错误＆＃34;无效的配置对象... - configuration.resolve.extensions [0]＆＃34;

1 个答案: