VSCode 突出显示具有 .ts 和 .tsx 扩展名的文件的导入答案

【问题标题】：VSCode highlights import of files with .ts and .tsx extensionsVSCode 突出显示具有 .ts 和 .tsx 扩展名的文件的导入
【发布时间】：2021-01-08 09:17:31
【问题描述】：

我是 TypeScript 的新手。代码运行良好，但 VSCode 不断突出显示带有 .ts 和 .tsx 扩展名的导入。如果我从导入中删除扩展，VSCode 会停止抱怨，但代码不会编译。

这是一个基于反应的项目。对于编译，我使用 WebPack，特别是用于 .ts 和 .tsx 扩展的 ts-loader。

VSCode 正确识别这是一个 TypeScript React 文件，并且 TypeScript 版本为 4.0.2

【问题讨论】：

使用显式 typescript 扩展名（.ts 或 .tsx）导入是错误的。要么在没有扩展的情况下导入，要么使用.js 或.jsx，编译器会弄清楚。对于 webpack：resolve: {extensions: ['.ts', '.tsx', '.js', '.jsx']}

标签： typescript visual-studio-code

【解决方案1】：

问题解决了！我的错。需要添加

  resolve: {
    extensions: [".tsx", ".ts", ".js"],
  },

到 webpack 配置

【讨论】：