leancloud在多个页面初始化引用报错的问题解决

最新推荐文章于 2025-01-01 10:09:36 发布

SiaEyre

最新推荐文章于 2025-01-01 10:09:36 发布

阅读量816

点赞数 1

CC 4.0 BY-SA版权

文章标签： leancloud vue

本文链接：https://blog.youkuaiyun.com/weixin_41847321/article/details/91046475

本文分享了一位开发者在使用LeanCloud开发订餐系统时遇到的初始化问题及解决方案。通过将初始化代码抽离到单独的JS文件并正确导入，解决了AVisnotdefined的错误，实现了商品数据表的正常创建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我写的demo是有关于订餐系统的注册页面以及管理页面。

按照官网的安装指南安装leancloud 之后 https://leancloud.cn/docs/sdk_setup-js.html，在注册组件中进行初始化。

var AV = require("leancloud-storage");
var APP_ID = "qfY3HpQ64EBywXYaCDheuvtK-gzGzoHsz";
var APP_KEY = "3vMcilpnaq6tzq1oCF9I4xdi";
AV.init({
    appId: APP_ID,
    appKey: APP_KEY
});

注册页面可以正常使用，云数据库。当我开始写我管理组件的时候，需要新添加一个商品数据表，最开始直接在script部分进行实例化，报如下错误，显示AV is not defined。

然后我就在管理页面添加上述初始化代码，它又出现了如下报错。

纠结了十分钟之后，灵机一动。把初始化代码单独抽离成一个js文件，然后引入相应需要的模块。然后就可以行得通了。具体原因我不清楚。以后慢慢深究。

单独js文件的代码如下：

export var AV = require("leancloud-storage");
var APP_ID = "qfY3HpQ64EBywXYaCDheuvtK-gzGzoHsz";
var APP_KEY = "3vMcilpnaq6tzq1oCF9I4xdi";
AV.init({
    appId: APP_ID,
    appKey: APP_KEY
});

在相应组件import一下