webpack-dev-server 自动刷新页面,html直接引用的脚本改成js注入这个脚本,js报错

发布于 2022-09-03 13:09:54 字数 1953 浏览 15 评论 0

webpack-dev-server
html页面如下:
<!DOCTYPE HTML>
<html lang="en">

<head>
    <title>360 panorama video</title>
    <meta charset="utf-8">
    <meta name="description" content="1111">
    <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
</head>
<body>
    <script type="text/javascript" src="http://127.0.0.1:8080/assets/bundle.js"></script>
    </script>
</body>

</html>
现在<script type="text/javascript" src="http://127.0.0.1:8080/assets/...这个文件改成js注入,如下:
<!DOCTYPE HTML>
<html lang="en">

<head>
    <title>360 panorama video</title>
    <meta charset="utf-8">
    <meta name="description" content="1111">
    <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
</head>
<body>
    <script type="text/javascript">
        var lib = {
            getScript : function (url,id,cb) {
                var head = document.head || document.getElementsByTagName('head')[0] || document.documentElement, s = document.createElement('script');
                s.setAttribute('type', 'text/javascript');
                s.setAttribute('src', url);
                s.setAttribute('id', id);
                s.onload = function(){
                    cb && cb();
                };
                head.insertBefore(s, head.firstChild);
            }
        };

        var jsSrc = 'http://127.0.0.1:8080/ffp/bundle.js';
        lib.getScript(jsSrc, 'ovServer', function () {

        });
    </script>
</body>

</html>
页面报错,报错信息如下:
Uncaught TypeError: Cannot read property 'replace' of null

请教各位朋友,有遇到的吗?如何解决啊...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

月下客 2022-09-10 13:09:54

脚本插入在</body>之后就正常了!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文