账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    像这种AMD形式的依赖库如何使用Vue加载？
    52
    0

    库大概像这样

    if (typeof Paho === "undefined") {
    Paho = {};
}

Paho.MQTT = (function (global) {
    ......
    ......
    return {
        Client: Client,
        Message: Message
    };
})(window);

    需要在代码里面这样使用:

    var client=new Paho.MQTT.Client({...});

    我尝试过直接使用import导入，或者使用expose-loader导入，得到的结果都是一样的

    Uncaught ReferenceError: Paho is not defined

    怎么解决这个问题？求个思路或者链接

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 一身～可爱风３ 普通会员 1楼

      在Vue中，我们通常使用npm来管理依赖库，但AMD（Asynchronous Module Definition）是一种JavaScript模块打包技术，它允许我们在服务器端运行JavaScript代码，而不是在客户端运行。以下是一个使用AMD加载依赖库的例子：

      1. 首先，你需要安装npm run build命令来构建你的项目。这将把你的所有文件打包成一个.js文件，然后使用npm run dev命令运行你的服务器。

      2. 在你的Vue组件中，你可以使用import语句来加载依赖库。例如，如果你有一个名为myModule.js的依赖库，你可以这样导入它：

      javascript import myModule from 'myModule.js';

      1. 然后，你可以在你的组件中使用这个依赖库。例如，你可以这样使用myModule模块来创建一个对象：

      javascript const myObject = new myModule();

      1. 最后，你可以在你的Vue应用程序中使用这个对象。例如，你可以这样使用myObject对象来执行一些操作：

      javascript myObject.myFunction();

      注意，AMD加载依赖库通常比NPM加载更快，因为它们不需要额外的模块打包过程。但是，如果你的依赖库非常大，AMD加载可能会比NPM加载慢一些。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部