React、ts、Ant Design、node、koa 团队项目开发记录（开发环境：windows10、vscode）

huaqi_

已于 2022-02-07 18:27:14 修改

阅读量1k

点赞数

分类专栏： React 学习文章标签： react.js vscode typescript

于 2022-02-06 19:36:32 首次发布

本文链接：https://blog.csdn.net/huaqi_/article/details/122690410

版权

这篇博客记录了在Windows10环境下，使用VSCode进行React、TypeScript、Ant Design和Node、Koa团队项目开发时遇到的问题，包括prettier格式化jsx代码引号问题、react-dom模块报错、eslint找不到定义的规则、craco配置失败、react-router-config声明文件缺失以及如何设置路径别名等，并给出了相应的解决方法。

摘要由CSDN通过智能技术生成

文章目录

prettier 格式化 jsx 代码中引号为单引号

// .prettierrc
"jsxSingleQuote": true

项目报错: “…/react-dom/index.d.ts”不是模块

很神奇，查看 node_module/@type/react-dom/index.d.ts 文件后报错消失。

Definition for rule ‘additional-typescript-only-rule’ was not found. eslint(additional-typescript-only-rule) 等

eslint 报错
报错解决方法：

    "eslintConfig": {
   
        "extends": [
            "react-app",
            "react-app/jest",
            "prettier"
        ],
        "rules": {
   
            "additional-rule": "warn" // warn 改为 off
        },
        "overrides": [
            {
   
                "files": [
                    "**/*.ts?(x)"
                ],
                "rules": {
   
                    "additional-typescript-only-rule": "warn" // warn 改为 off
                }
            }
        ]
    },