美文网首页Front End
[FE] jsx没提示类型错误

[FE] jsx没提示类型错误

作者: 何幻 | 来源:发表于2019-02-12 18:43 被阅读16次

1. 场景复现

(1)新建项目

$ mkdir test-jsx && cd test-jsx
$ npm init -f
$ npm i -S antd@3.13.2

(2)新建index.jsx文件

import * as React from 'react';
import { Table } from 'antd';

<Table
    pagination
/>

结果,当pagination类型不匹配时并没有报错

2. 原因

对于js以及jsx文件,vs code只会进行类型提示,而不会报错。

3. 解决方案

3.1 方法一

(1)配置jsconfig.json

{
    "exclude":[
        "node_modules"
    ],
    "compilerOptions": {
        "checkJs": true
    }
}

注:这个jsconfig.json应放到vs code项目根目录下。

(2)重启vs code

3.2 方法二

(1)使用tsx
将index.jsx改成index.tsx
并安装以下依赖

$ npm i -S react@16.8.1 @types/react@16.8.2

(2)重启vs code


参考

VS Code: jsconfig.json

相关文章

  • [FE] jsx没提示类型错误

    1. 场景复现 (1)新建项目 (2)新建index.jsx文件 结果,当pagination类型不匹配时并没有报...

  • php 文件上传验证

    文件上传验证: 错误类型提示:

  • package-lock.json

    对VUE工程进行编译,提示错误:在目录/home/q/jenkins/workspace/xxxx-fe下npm-...

  • [FE] tsx 引用 jsx

    1. TypeScript + React 项目搭建 1.1 初始化工程目录 1.2 安装依赖 1.2.1 全局依...

  • Atom for RN

    插件系列 Linter linter-eslint 以上为jsx语法检测工具(代码高亮与错误提示,但是要支持 re...

  • 错误处理与调试

    错误类型: 一共有7种错误类型: Error:基类,其它错误类型都继承自该类型。 EvalError:如果没将ev...

  • 抽象类2018-10-22

    补充1.raise错误类型自定义错误类型:写一个类继承Exception,重写str方法定义错误提示语 2.多继承...

  • Feign实现微服务间文件上传

    在Spring Cloud 的Feign组件中并不支持文件的传输,会出现这样的错误提示: 但是我们可以通过使用Fe...

  • xcode模拟器报错:resource fork, Finder

    使用模拟器测试的时候就会报这样的错误,错误类型为:Code Sign Error 错误提示是这样:resource...

  • 核心平台2.0,自动增加卡类型

    一、设计思路 功能包含新增卡类型、新增账户类型、设置全部卡类型名称(包含错误提示,系统功能) 基础卡类型分为全功能...

网友评论

    本文标题:[FE] jsx没提示类型错误

    本文链接:https://www.haomeiwen.com/subject/smnkeqtx.html