React没有声明提示，@types/react

前言

项目环境 CRA 创建的React项目，也就是今天创建的。webstorm!
偶然发现，我创建的jsx为什么没有声明提示了！！！what fu...

image.png image.png image.png

日常三连

同样是React项目，为什么你如此优秀（我以前的项目是有的，还是我自己创建的！！难道版本更新了）

image.png

我再次确认了一遍，是有的。

解决方案

• 直接给懒人上答案了，也不忽悠了，packjson中找到

 # npm i @types/react

问题解决，懒人可以走了。拜拜。

1.既然旧项目有，那就是哪里配置出问题了，esli...什么的不可能，那是约束代码的，但要说有提醒强行解释好像也说的过去。。但是奈何我没配置啊。。。。那就下一个

2.没有配置难道是webpack。开玩笑，那是打包代码的，不允许不打包，管你什么事？那就下一个

3.嗯。。emmm，那就只有packjson了。首先说明，项目已经eject了。对比了一下除了dependencies外的配置。。。嗯，几乎一毛一样。
这样只有走程序大法了。

4.旧项目所有依赖dependencies和devDependencies全部复制过来。yarn一下。

5.这就很nice了

image.png

6.有了，有了啊

image.png

7.既然有了那就好办了。先想一想，以前确认没有安装过提示声明的东西。嗯。。。万能的排除大法

8.我们先删除一个devDependencies，咋yarn一下。

9.嗯。。还是有。我们范围缩小了。。。紧接着。。我不断缩小范围。。。找到了一个不合常理的组件，他叫

    "react-dnd": "^11.1.3",

10.越看越熟悉。。。不管了先百度一下

image.png

11.啊、。。这。。这不是我的拖拽组件嘛。。。我老年痴呆

12.这玩意能声明！！！what??三连，不太可能。。那就往下找

13.呸，往里找。先摁住他在ctrl他

image.png

14.日常的js库，没毛病。

image.png

15.我也做过ui库，所以不太可能。那就。。。是的真相只有一个。。。packjson公用了。搞他

image.png

16.有四个依赖，全嗲出来复制，yarn。结果正常。没有出乎意料。既然有四个依赖。我们嘿嘿。。。排除大法走你。

17.筛选两次。嗯找到了

image.png

18.百度一下这是什么玩意儿

image.png

19.？？？

20.不对。这不是的我们继续往里找

21.啊啦阿拉，有学问的同学可能已经看到关键点了。嘘！

  "dependencies": {
        "@types/react": "*", 
        "hoist-non-react-statics": "^3.3.0"
    },

22.嗲出来复制。排除

23.但是这种写法我还是第一次见，涨知识了，见过“1.0.0”，“^1.0.0”,但是没见过*。没有百度到，知道的可以留言解释一下。

    "@types/react": "*", 

24.@types/react其实我经常用。我也是智障了。声明是typescript的东西。找一个ts项目其实更好找的。

image.png

25.暂时不知道*是什么，所以yarn add @types/react

Ps本篇结束

• yarn就是npm更新的意思