更多

Question

我不断收到我的.tsx文件不再在打字稿编译上下文中的错误。在我的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允许我进行简化的导入，而不是＆＃39; ../../ folder1 / folder2 / module＆＃39;我可以指定＆＃39; folder1 / folder2 / module＆＃39;但是，如果这意味着我无法利用我的IDE（Atom，VSCode）中的工具，那么这是一个非首发。

非常感谢任何帮助。

Answer 1

我想知道是否有一个配置我可以放入我的tsconfig.json中，这将使这项工作重新开始

您可以在每晚使用TypeScript中的rootDirs选项：https://github.com/Microsoft/TypeScript/wiki/What＆＃39; s-new-in-TypeScript＃module-resolution-enhancements-baseurl-path-mapping-rootdirs-and-跟踪

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

1 个答案:

更多