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

Question

我不断收到错误消息，即我的 .tsx 文件不再位于打字稿编译上下文中。在我在 webpack 配置文件中定义根路径并将所有导入路径更改为相对于这些根路径后，这些错误开始发生。

我理解打字稿编译器为什么抱怨，因为它不知道如何解析文件。我想知道是否可以将配置放入我的 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' 我可以只指定 'folder1/folder2/module'，但是，如果这意味着我无法利用我的 IDE 中的工具（Atom、VSCode）那么这是一个非首发。

任何帮助将不胜感激。

Answer 1

我想知道是否可以将配置放入我的 tsconfig.json 中，以使其再次工作

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

更多的

我总是建议每晚住宿：https ://basarat.gitbooks.io/typescript/content/docs/getting-started.html#typescript-version