react-static 不能识别 .ts 文件

项目出现错误的场景：

前端：react-static

定义 API 之后，在调用 API 时，报错： TypeError：Object（...） is not a function 

完整错误如下：

 

上述错误主要原因是不能识别 .ts 文件，需要安装插件（react-static-plugin-typescript）并对 webpack 进行配置。

 

webpack 配置代码如下：

webpack: config => {
  config.resolve.extensions = [...config.resolve.extensions, ".ts", ".tsx"];  // ⚠️
  config.resolve.alias = {
    ...config.resolve.alias,
    "@": path.resolve(__dirname, "src")
  }; 
  return config 
}

 

相关文件：

https://webpack.js.org/concepts/plugins/