You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

引入mo.js CDN后仍报‘mojs is not defined’错误,求解决

解决'mojs is not defined'错误的常见方案

看起来你遇到了mo.js加载的经典问题——虽然引入了CDN,但代码执行时mo.js还没准备好,或者CDN本身存在问题。我来帮你排查几个最可能的原因:

  • 确保CDN在你的自定义代码之前加载
    这是最常见的问题!浏览器是按顺序执行脚本的,如果你的自定义JS代码先运行,此时mo.js还没被加载完成,自然会抛出mojs is not defined错误。正确的HTML结构应该是先引入CDN,再写你的burst动画代码:

    <!-- 先加载mo.js的官方CDN -->
    <script src="https://cdn.jsdelivr.net/npm/mo-js@0.288.1/build/mo.min.js"></script>
    
    <!-- 再执行你的动画逻辑 -->
    <script>
      var burst=new mojs.Burst({ 
        radius:{0:20}, 
        count:10, 
        children:{ 
          shape:'circle', 
          radius:5, 
          opacity:{1:0}, 
          fill:['green','yellow','pink'], 
          duration:3000 
        } 
      });
    </script>
    
  • 验证CDN链接的有效性
    检查你使用的CDN地址是否正确,有没有拼写错误,或者链接是否已经过期。你可以直接用上面示例中的官方稳定CDN测试。同时打开浏览器的开发者工具(F12),切换到Network标签,刷新页面后查看mo.js的请求状态:如果是404,说明链接无效;如果是加载失败,可能是网络或拦截问题。

  • 确认全局变量名称是否正确
    mo.js的全局暴露变量确实是mojs,你代码里的mojs.Burst写法是完全正确的,这个问题概率很低,但如果加载的是非官方修改版的mo.js,可能会有变量名称变化,建议优先使用官方原版CDN。

如果以上方案都试过还是不行,可以在浏览器控制台输入console.log(mojs),看看是否能打印出mo.js的对象,这样能快速判断库是否真的加载成功。

内容的提问来源于stack exchange,提问作者Hardik Modi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 07:23:19