2017/11/07_那么明显的坑你还往里跳 Cannot set…

2018-06-24 00:43:37来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

学习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结束标签之前,最后加载。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js实现图片粘贴上传到服务器并展示

下一篇:vue2.x 时间范围 date range timepicker。只在项目中使用element