码迷,mamicode.com
首页 > Web开发 > 详细

2017/11/07_那么明显的坑你还往里跳 Cannot set property 'innerHTML' of null

时间:2017-11-07 16:14:22      阅读:783      评论:0      收藏:0      [点我收藏+]

标签:完成   .com   es2017   utf-8   color   reac   src   overflow   技术   

学习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

标签:完成   .com   es2017   utf-8   color   reac   src   overflow   技术   

原文地址:http://www.cnblogs.com/LinSL/p/7799137.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!