requirejs加载报错问题？

发布于 2022-09-04 23:39:09 字数 8395 浏览 18 评论 0

1、使用requirejs写了个demo.html，第一次加载页面时能够正常显示，随后刷新页面就开始报错，虽然页面还是正常显示，但是我不理解为什么会这样。
2、我的另一个999.html文件（跟demo.html在同级目录下，但是页面内容比较多，其余和1中的html没有太大区别）一直报错，要么显示require is not define要么显示Script error for "jquery"或$ is not defined，请问这是为什么，应该怎么改？

以下是文件目录：

代码如下：

demo.html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="resource/require.js"></script>
        <script src="resource/main.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            require(['jquery','weui'],function($){
                $('body').css('background','red');
                
            });
        </script>
    </body>
</html>

main.js：

require.config({
    baseUrl:'resource/app',
    paths:{
        'jquery':'../lib/jquery-3.2.0.min',
        'zepto':'../lib/zepto.min',
        'css':'../lib/css.min',
        'weui':'../lib/jquery-weui.min',
        'cookie':'../lib/jquery.cookie',
        'swiper':'../lib/swiper'
    }
});

报错信息：
图片描述

999.html:

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="resource/css/weui.css" />
    <link rel="stylesheet" type="text/css" href="resource/css/jquery-weui.min.css" />
    <link rel="stylesheet" type="text/css" href="resource/css/index.css" />
    <link rel="stylesheet" type="text/css" href="resource/css/login.css"/>
    <link rel="shortcut icon" href="resource/font/cake.ico" />
    <script src="resource/require.js" data-main = "resource/main" defer async="true"></script>
</head>

<body ontouchstart>
            <!--login section-->
            <div id="ologin" class="weui-tab__bd-item" style="height: auto;">
                <div class="beforeLogin">
                    <header>
                        <div class="head-bg">
                        </div>
                        <div class="touxiang">
                            <img src="img/head/0.png" />
                        </div>
                    </header>
                    <!--登录-->
                    <section class="adminpage" id="login">
                        
                        <form action="login.php" method="post" id="loginForm">
                            <input type="number" value="" placeholder="请输入手机号" name="user" class="phone4log" maxlength="11" />
                            <input type="password" value="" placeholder="请输入密码（6-16位）" name="psw" id="psw-log" maxlength="16" />
                            <button type="submit" class="sub" id="loginBut">登录</button>
                        </form>
                        <span>没有账号？<a href="#regis">注册</a></span><br />
                        <span><a href="#forget">忘记密码？</a></span>
                    </section>
                    <!--注册-->
                    <section class="adminpage" id="regis">
                        
                        <form id="checkphone">
                            <input type="hidden" name="forwhat" value="forcheck" />
                            <input type="number" value="" placeholder="请输入手机号" name="user" class="phone4reg vali-input" id="phone4reg" maxlength="11" />
                            <button type="button" class="vali-but" id="but1" style="color: #fff;background: orange;">点击发送<br />验证码</button>
                        </form>
                        
                        <form action="register.php" method="post" id="regisForm">
                            <input type="hidden" name="forwhat" value="forrig" />
                            <input type="number" value="" placeholder="请输入验证码" name="validate" id="validate" />
                            <input type="password" value="" placeholder="设置密码（6-16位）" name="psw" id="psw-reg" maxlength="16" />
                            <input type="password" value="" placeholder="重新输入密码" name="pswcheck" id="pswcheck" />
                
                            <button type="submit" style="color: #fff;background: orange;" class="sub" id="regisBut">注册</button>
                        </form>
                        <span>已有账号？<a href="#login">登录</a></span><br />
                        <span><a href="#forget">忘记密码？</a></span>
                    </section>
                    <!--忘记密码-->
                    <section class="adminpage" id="forget">
                        <form id="check4forget">
                            <input type="hidden" name="forwhat" value="forcheck" />
                            <input type="number" name="findphone" id="findphone" value="" class="vali-input" placeholder="请输入注册的手机号" maxlength="11"/>
                            <button type="button" class="vali-but" id="but2">点击发送<br />验证码</button>
                        </form>
                        <form action="validatePhone.php" method="post" id="forgetForm">
                            <input type="hidden" name="forwhat" value="forreset" />
                            <input type="number" value="" placeholder="请输入验证码" name="validate" id="validate4forget" />
                            <input type="password" value="" placeholder="重新设置密码（6-16位）" name="psw-forget" id="psw-forget" maxlength="16" />
                            <input type="password" value="" placeholder="重新输入密码" id="pswcheck4forget"  maxlength="16"/>
                            <button type="submit" class="sub" id="reset">重置密码</button>
                        </form>
                        <span>已有账号？<a href="#login">登录</a></span><br />
                        <span>没有账号？<a href="#regis">注册</a></span>
                    </section>
                </div>
                <div class="alreadyLogin">
                    <header>
                        <div class="head-bg">
                            <h3></h3>
                        </div>
                        <div class="touxiang">
                            <img src="" />
                        </div>
                    </header>
                    <section>
                        <div class="weui-cells" style="margin-top: 60px;">
                            <a href="#" class="weui-cell weui-cell_access">
                                <div class="weui-cell__bd">
                                    <p>我的收藏</p>
                                </div>
                            </a>
                            <a href="javascript:;" class="weui-cell weui-cell_access kt-exit">
                                <div class="weui-cell__bd">
                                    <p style="color:red;">退出登录</p>
                                </div>
                            </a>
                        </div>
                    </section>
                </div>
            </div>
                <script type="text/javascript">
                    require(['jquery','weui'],function($){

                    });
                </script>
</body>
</html>

报错信息：
图片描述

分享到QQ

分享到微博

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

发布评论

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

轻拂→两袖风尘 2022-09-11 23:39:09

手动声明依赖

require.config({
    baseUrl:'resource/app',
    paths:{
        'jquery':'../lib/jquery-3.2.0.min',
        'zepto':'../lib/zepto.min',
        'css':'../lib/css.min',
        'weui':'../lib/jquery-weui.min',
        'cookie':'../lib/jquery.cookie',
        'swiper':'../lib/swiper'
    },
    shim: {weui: {deps: ["jquery"]}}
});

以及 999.html 中加载 require.js 时不要 defer 和 async

回复收藏 0

青衫儰鉨ミ守葔 2022-09-11 23:39:09

一般自执行的JS库都如以下格式，这里比如three.js

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
    (factory((global.THREE = global.THREE || {})));
}(this, (function (exports) {...}))

改成非自动执行的函数即可：

function threeJsCore(exports) {...}
window.THREE = {};
threeJsCore(THREE);

提供另外一种思路！

回复收藏 0

哽咽笑 2022-09-11 23:39:09

我也遇到同样的问题，你解决了吗？

回复收藏 0

~没有更多了~

关于作者

沩ん囻菔务

暂无简介

0 文章

0 评论

25 人气

关注发私信

已经忘了多久

文章 0 评论 0

关注

15867725375

文章 0 评论 0

关注

LonelySnow

文章 0 评论 0

关注

走过海棠暮

文章 0 评论 0

关注

轻许诺言

文章 0 评论 0

关注

信馬由缰

文章 0 评论 0

友情链接

文江博客

requirejs加载报错问题？

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

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

requirejs加载报错问题？

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

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

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