用于 TypeScript React 开发的 NeoVim

Question

我是 vim 的新手。我只是想用 React 检查我的配置，因为我使用 typescript 和 React，所以我尝试创建一个简单的演示应用程序，所以我运行 npx create-react-app demo --template typescript。之后，我运行 nvim . 在目录中，但是当我选择任何组件时，我收到此警告：

Cannot use JSX unless the '--jsx' flag is provided. (FixIt)

即使它在 tsconfig.json 文件中指定

tsconfig.json 文件:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

我确实安装了一个 TS 插件，但我不知道为什么会这样

这是我目前的 vim 配置 ez-config，我使用 :help nvim-from-vim 让 nvim 从文件

加载配置

Answer 1

您遇到的问题是这一行 --> "jsx":"react-jsx"，它必须更改为 "jsx":"react"，但是，每次您运行 npm 它可能会将其覆盖为“react-jsx”。您可以尝试这个解决方案：

用于 TypeScript React 开发的 NeoVim

NeoVim for TypeScript React development

typescript

reactjs

neovim