编写React框架时,引入相关js库文件不起作用

最近在学习react框架,看网上一般引入react.development.js,react-dom.development.js,babel.min.js文件都是采用

 <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
 <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
 <!-- 生产环境中不建议使用 -->
 <script src="https://unpkg.com/[email protected]/babel.min.js"></script>

这种方式,但是使用这种方式的一个弊端是每次加载网页都要去该目的地址获取相关文件,运行速度不快,因此我就想能不能自己下来来直接引用,这是初步尝试:

<script src="../js/react.development.js" ></script>
<script src="../js/react-dom.developemnt.js" ></script>
<script src="../js/babel.min.js" ></script>

结局是失败了。。。刷新网页后发现加载不出来了。。。想不通错在了哪里,后面发现react框架使用jsx,也是javascript的一种,但是这种文件在加载的时候需要babel进行转换,因此我就想react需要的那三个库文件是不是也是jsx的写法。于是乎进行了一些改动

<script type="text/babel" src="../js/react.development.js" ></script>
<script type="text/babel" src="../js/react-dom.developemnt.js" ></script>
<script type="text/babel" src="../js/babel.min.js" ></script>

刷新网页,成功加载!!!

猜你喜欢

转载自blog.csdn.net/double_sweet1/article/details/86939992