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

【问题标题】：Typescript compiler not finding .tsx files after switch to project relative paths in webpack切换到 webpack 中的项目相对路径后，Typescript 编译器找不到 .tsx 文件
【发布时间】：2017-01-15 18:24:42
【问题描述】：

我不断收到错误消息，即我的 .tsx 文件不再位于 typescript 编译上下文中。在我在 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）中的工具，那么这是一个非首发。

任何帮助将不胜感激。

【问题讨论】：

标签： typescript webpack atom-editor tsconfig

【解决方案1】：

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

您可以在 TypeScript nightly 中使用 rootDirs 选项：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

【讨论】：

更多