create-react-app 中的tsconfig.json 添加path，报错

报错： compileroptions.paths must not be set (aliased imports are not supported)

尝试方法

// tsconfig.json
{
  "compilerOptions": {
  	...
    "paths": {
        "@/*": ["./src/*"],
        "@Com/*": ["./src/components/*"],
      }
  }
}

出现问题,每次删除会自动删除，似乎paths已经被移除了。

寻找其他解决办法（感觉不是最好的办法，如果有其他方法，请留言）

// 在根目录添加 tsconfig.paths.json
{
    "compilerOptions": {
      "baseUrl": "./src",
      "paths": {
        "@/*": ["./src/*"],
        "@Com/*": ["./src/components/*"],
      }
    }
  }

// tsconfig.json
{
	...
    "extends": "./tsconfig.paths.json"
    ...
}

该方法只是解决typescript中的报错，还需要解决create-react-app中的webpack的路径问题，所以还需要修改webpack的配置

// 如果是create-react-app，需要eject
npm run eject

// \config\webpack.config.js
{
	...
    alias:{
    	...
        '@': path.resolve(__dirname, "../src"),
        '@Com': path.resolve(__dirname, "../src/components")
    }

}

Done! 欢迎留言，探讨