首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >不能使用JSX,除非‘--jsx’-作出反应

不能使用JSX,除非‘--jsx’-作出反应
EN

Stack Overflow用户
提问于 2021-10-03 01:58:04
回答 1查看 91关注 0票数 0
代码语言:javascript
复制
    {
      "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" <=error
      },
      "include": [
        "./src/**/*.ts"
      ]
    }

Login.tsx

代码语言:javascript
复制
   interface IUserLoginInformation {
      username: string;
      password: string;
    }

    const Login = () => {
      const {
        register,
        handleSubmit,
        watch,
        formState: { errors }
      } = useForm<IUserLoginInformation>();
      const history = useHistory();
    
      const [users, setUsers] = React.useState([]);
      
    
      const onSubmit: SubmitHandler<IUserLoginInformation> = data =>
        fetchLoginDeatils();
    
      return (
        <form onSubmit={handleSubmit(onSubmit)}>
          <input defaultValue="test" {...register("username")} />{" "}
          {/* register your input into the hook by invoking the "register" function */}
          {/* include validation with required or other standard HTML validation rules */}
          <input {...register("password", { required: true })} />
          {/* errors will return when field validation fails  */}
          {errors.password && <span>This field is required</span>}
          <input type="submit" />
        </form>
      );
    };
    export default (Login);

在上面的代码中,我得到了以下错误:我在互联网上尝试了所有可能的选项。但是没有什么是changed.In登录代码,我使用javascript和脚本.I更改"jsx":"react-jsx" to "jsx":“put”

代码语言:javascript
复制
 Cannot use JSX unless the '--jsx' flag is provided.
EN

回答 1

Stack Overflow用户

发布于 2021-10-03 10:56:57

下面的内容是错误的,因为它排除了.tsx文件,比如Login.tsx

代码语言:javascript
复制
  "include": [
    "./src/**/*.ts"
  ]

修复

改为:

代码语言:javascript
复制
  "include": [
    "src"
  ]

附加提示

更改后的

  • 尝试重新启动您的IDE +终端以获取tsconfig.json。
  • 确保没有其他tsconfig.json文件。
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69421521

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档