webpack打包项目时typescript报错The 'files' list in config file 'tsconfig.json' i ...

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

在用ts和react的项目中进行webpack编译的时候，会出现如下报错：

The 'files' list in config file 'tsconfig.json' is empty
Module build failed (from ../node_modules/ts-loader/index.js):
Error: error while parsing tsconfig.json

我的版本号如下：

"ts-loader": "^5.3.1",
"typescript": "^3.2.1",
"webpack": "^4.27.1"

经过查询验证，解决方案如下：

在ts-loader的配置项中指定ts配置文件的绝对路径即可。

原代码
module: {
    rules: [
      {
        test: /\.(tsx|ts)$/,
        loader: 'ts-loader'
      }
    ]  
}

修改后代码
module: {

    rules: [
      {
        test: /\.(tsx|ts)$/,
        loader: 'ts-loader'，
　　　　　options: {
            configFile: path.resolve(__dirname, '../typescript.json')
　　　　　}
      }