2***@qq.com
2***@qq.com
  • 发布:2023-08-22 17:02
  • 更新:2024-05-19 11:10
  • 阅读:483

【Bug】用uniapp(vue3)编译出的微信小程序路径出错,导入的模块路径会自动拼接当前路径在前面

分类:uni-app

产品分类: 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'

操作步骤:
复制代码// 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'
2023-08-22 17:02 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

楼主解决了,我遇到同样的问题

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容