// import * as mqtt from './mqtt.js'
const mqtt = require('@/utils/mqtt.js')
// import * as mqtt from '@/utils/mqtt.js'
- 发布:2023-08-22 17:02
- 更新:2024-05-19 11:10
- 阅读:362
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
第三方开发者工具版本号: 1.06.2307260 win32-x64
基础库版本号: 3.0.0
项目创建方式: HBuilderX
示例代码:
操作步骤:
// import * as mqtt from './mqtt.js'
const mqtt = require('@/utils/mqtt.js')
// import * as mqtt from '@/utils/mqtt.js'
let client;
// 初始化mqtt
export const initMqtt = () => {
const url = "wxs://acoustic.ikamu.com.cn:8084/mqtt";
// 创建客户端实例
const options = {
clean: true,
connectTimeout: 4000,
// 认证信息
clientId: "wx_" + parseInt(Math.random() * 100 + 800, 10),
};
client = mqtt.connect(url, options);
if (client) {
client.subscribe("notice", { qos: 1 });
client.on("connect", () => {
uni.showToast({ title: "Mqtt Connected" });
});
client.on("error", (err) => {
console.error("Connection error: ", err);
client.end();
});
client.on("reconnect", () => {
console.log("Reconnecting");
});
}
return client
};
// mqtt发送消息
export const sendMessage = (topic, message) => {
client.publish(topic, JSON.stringify(message), { qos: 1 }, (error) => {
if (error) {
console.log(error);
} else {
console.log("成功发送数据", topic, JSON.stringify(message));
}
});
};
// import * as mqtt from './mqtt.js'
const mqtt = require('@/utils/mqtt.js')
// import * as mqtt from '@/utils/mqtt.js'
let client;
// 初始化mqtt
export const initMqtt = () => {
const url = "wxs://acoustic.ikamu.com.cn:8084/mqtt";
// 创建客户端实例
const options = {
clean: true,
connectTimeout: 4000,
// 认证信息
clientId: "wx_" + parseInt(Math.random() * 100 + 800, 10),
};
client = mqtt.connect(url, options);
if (client) {
client.subscribe("notice", { qos: 1 });
client.on("connect", () => {
uni.showToast({ title: "Mqtt Connected" });
});
client.on("error", (err) => {
console.error("Connection error: ", err);
client.end();
});
client.on("reconnect", () => {
console.log("Reconnecting");
});
}
return client
};
// mqtt发送消息
export const sendMessage = (topic, message) => {
client.publish(topic, JSON.stringify(message), { qos: 1 }, (error) => {
if (error) {
console.log(error);
} else {
console.log("成功发送数据", topic, JSON.stringify(message));
}
});
};
预期结果:
应该不报错
应该不报错
实际结果:
会报错,路径问题,而代码写的路径没问题
会报错,路径问题,而代码写的路径没问题
bug描述:
用uniapp(vue3)编译出的微信小程序路径出错,导入的模块路径会自动拼接当前路径在前面,导致无法导入,不用@符号也不行,相对路径绝对路径也不行,代码中的路径是正确的,import不行,require也不行
用uniapp(vue3)编译出的微信小程序路径出错,导入的模块路径会自动拼接当前路径在前面,导致无法导入,不用@符号也不行,相对路径绝对路径也不行,代码中的路径是正确的,import不行,require也不行用uniapp(vue3)编译出的微信小程序路径出错,导入的模块路径会自动拼接当前路径在前面,导致无法导入,不用@符号也不行,相对路径绝对路径也不行,代码中的路径是正确的,import不行,require也不行用uniapp(vue3)编译出的微信小程序路径出错,导入的模块路径会自动拼接当前路径在前面,导致无法导入,不用@符号也不行,相对路径绝对路径也不行,代码中的路径是正确的,import不行,require也不行
VM1938:1190 页面【components/Scatter/Scatter]错误:
Error: module 'utils/@/utils/mqtt.js' is not defined, require args is '@/utils/mqtt.js'
1 个回复
1***@qq.com
楼主解决了,我遇到同样的问题