学习react,使用webpack构建工具
在html引入生成的bundle.js时,写成了这样子:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="bundle.js"></script> 7 </head> 8 <body> 9 <div id="app"></div> 10 </body> 11 </html>
结果报错:
为什么呢?
这样不就ok了吗!!!!!!!!
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div id="app"></div> 9 <script src="bundle.js"></script> 10 </body> 11 </html>
答案:看不懂英文,代码还是看得懂的~~
https://stackoverflow.com/questions/18239430/cannot-set-property-innerhtml-of-null
在Dom加载完成之前引入js,导致有些对象为null,所以报错。可以加window.onload = {}, 或是把js放在body结束标签之前,最后加载。
2017/11/07_那么明显的坑你还往里跳 Cannot set property 'innerHTML' of null
时间: 2024-11-05 23:29:54