react（3）——导入了正确的包，但是运行不出来，原因是因为导入包的顺序有问题
发布日期：2021-05-07 02:53:27
浏览次数：16
分类：原创文章
本文共 762 字，大约阅读时间需要 2 分钟。
源代码：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_HelloWorld</title> <script src="../js/react-dom.development.js"></script> <script src="../js/react.development.js"></script> <script src="../js/babel.min.js"></script></head><body><div id="test"></div><script type="text/babel"> //1.创建虚拟DOM元素对象 var vDom = <h1>Hello!</h1> //字符串 //2.将虚拟DOM渲染到页面真实DOM容器中 ReactDOM.render( vDom, document.getElementById("test") )</script></body></html>如图这样的代码进行运行，运行结果一片空白；
究其原因是因为react.development.js须在react-dom.development.js之前导入
将导入部分的代码改为：
<script src="../js/react.development.js"></script> <script src="../js/react-dom.development.js"></script> <script src="../js/babel.min.js"></script>成功运行
发表评论
最新留言
初次前来，多多关照！
[***.217.46.12]2025年04月10日 16时21分53秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
Node.js包使用系列（一）——修改NPM全局下载和缓存路径
2019-03-05
TDengine使用（一）——TDengine下载与安装
2019-03-05
6.14编一个程序，将两个字符串s1和s2比较，不要用strcmp函数。
2019-03-05
Java纯文本文件显示工具制作
2019-03-05
Unity2D Fixed Joint 2D详解
2019-03-05
三、案例：留言板 & url.parse()
2019-03-05
Python实验26：计算文件MD5值
2019-03-05
LeetCode:28. 实现 strStr()——————简单
2019-03-05
LeetCode:697. 数组的度————简单
2019-03-05
LeetCode：1052. 爱生气的书店老板————中等
2019-03-05
C语言的6大基本数据类型！（学习C语言小白必备！！）
2019-03-05
Nginx配置反向代理与负载均衡
2019-03-05
Lionheart万汇:布林线双底形态分析技巧
2019-03-05
LHCM万汇:在需求上升中,美国贸易赤字创下历史新高
2019-03-05
Mybatis的入门01
2019-03-05
Vue路由嵌套刷新后页面没有重新渲染
2019-03-05
Vue使用bus进行组件间、父子路由间通信
2019-03-05
数据库三个级别封锁协议
2019-03-05
类的实例
2019-03-05
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457380915 位访客