切换到webpack中的项目相对路径后，Typescript编译器找不到.tsx文件

Question

我一直得到错误，我的。tsx文件不再在typescript编译上下文中。当我在webpack配置文件中定义根路径并将所有导入路径更改为相对于这些根路径时，这些错误开始发生。

我理解为什么typescript编译器在抱怨，因为它不知道如何解析文件。我想知道是否有一个配置，我可以放入我的tsconfig。Json能让它再次工作吗?

webpack包含如下配置:

resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js', '.png', '.scss'],
    root: [
        path.resolve('./src'),
        path.resolve('./node_modules')
    ]
}

我tsconfig

。Json文件如下所示:

{
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "sourceMap": true,
    "jsx": "react"
  },
  "files": [
    "index.d.ts",
    "./src/**/*.tsx",
    "./src/*.tsx",
    "./lib/**/*.tsx"
  ]
}

将这个配置添加到webpack中可以让我简化导入，而不是"../.."我可以只指定'folder1/folder2/module'，但是，如果这意味着我不能利用我的IDE (Atom, VSCode)中的工具，那么这是一个不开始。

Answer 1

我想知道是否有一个配置，我可以把我的tsconfig。Json文件

你可以在TypeScript中使用rootDirs选项:https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#module-resolution-enhancements-baseurl-path-mapping-rootdirs-and-tracing

<标题>更多h1> 总是建议晚上呆在那里:https://basarat.gitbooks.io/typescript/content/docs/getting-started.html#typescript-version