今天继续在学习React,前两天依照小demo搭建好了一个最小配置的React工程,可以简单输出hello,今天我在此demo上进行了部分修改,发现修改之后,运行于服务器上,页面展示并无任何变化,与之前第一次搭建工程所展示的页面一样,实际上,当我修改项目工程下面的src中的index.js时,public下面的index.html应该是会随之发生变化,比如我将hello改成hello world,html应该反馈给我hello world。我的第一反应是去清理缓存,结果发现依然显示hello,不是浏览器的问题那么还是代码出现了问题或者配置,呈现在index.html中的所有需要展示的东西都是在下面这句话里发生:
<script src = "bundle.js"> </script>
所以问题应该是出在这里,bundle.js是将应用打包生成的,相当于我的业务逻辑代码最后是被打包在了这里,所以我认为我更改js代码之后没有打包进bundle.js,所以在html页面中无法展示,由于对这个问题不是很确定,所以与胡老师进行了交流,发现确实是webpack的问题,接下来,如何完成打包,是需要手动还是自动完成呢,我继续折回头去仔细再看一遍建立工程的过程,发现打包过程其实在后台一直进行着,只是我当时强行关闭了这个自动打包的后台程序,发现自己对webpack还不是很了解,只是单纯了解一下功能,里面具体的细节还是了解不够,接下来需要仔细看一下webpack,大概使用半天的时间。
PS:我在确认问题的时候还是不够精确,今天林老师交给我一个如何用developer tools确定页面是否加载进来,感觉对以后确认问题的根源很有帮助,developer tools还是需要再了解一下,帮助我快速确认为根源。
每日mark-8.15
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...