uni-app 微信小程序导入代码出错（vite构建）

uemypmqf 于 2022-11-13 发布在 uni-app

关注(0)|答案(4)|浏览(216)

问题描述
微信小程序导入代码出错，其它平台表现正常。

复现步骤
新建 src/utils/index.ts ，然后写入方法：

export function doSomething() {
	// 执行过程
}

然后在页面中导入方法

<script lang="ts" setup>
// import { doSomething } from '@/utils';
import { doSomething } from '../../utils';
</script>

预期结果
正常导入并运行。

实际结果
无法正常运行代码，并报了以下错误

系统信息:

发行平台: 微信小程序
操作系统 [如 iOS 12.1.2、Android 7.0]
HBuilderX版本: 3.4.7.20220422
uni-app版本: 如下图
设备信息 [如 iPhone8 Plus]

补充信息
[可选]
[根据你的分析，出现这个问题的原因可能在哪里？]

uni-app

来源：https://github.com/dcloudio/uni-app/issues/3602

4条答案

按热度按时间

e0bqpujr1#

未重现，发测试工程，说明测试步骤

赞(0）回复(0）举报 2022-11-13

kmbjn2e32#

是 qs 库的问题，只要导入这个库就会出错，在小程序平台无法正常运行，其它平台正常表现。

测试项目仓库： https://github.com/tazyong/wechat-import-fail.git
测试步骤：

克隆仓库 https://github.com/tazyong/wechat-import-fail.git
安装依赖 npm install
用 HbuilderX 打开， 运行 -> 运行到小程序模拟器 -> 微信开发者工具 - 指定页面 -> /pages/test/index

赞(0）回复(0）举报 2022-11-13

5tmbdcev3#

是因为你使用pnpm引发的依赖没找到问题，后续可以找时间优化下
方法1. 换成 yarn 或 npm
方法2. 将所有间接依赖，也直接安装到package.json中，如

"call-bind": "^1.0.0",
    "function-bind": "^1.1.1",
    "get-intrinsic": "^1.0.2",
    "has": "^1.0.3",
    "has-symbols": "^1.0.3",
    "object-inspect": "^1.9.0",
    "qs": "^6.10.5",
    "side-channel": "^1.0.4",
    "vue": "^3.2.37"

赞(0）回复(0）举报 2022-11-13

pxyaymoc4#

好吧，为何只有微信小程序平台不行？APP 和 H5 表现都正常啊，并不用安装间接依赖..

赞(0）回复(0）举报 2022-11-13

我来回答

uni-app 微信小程序导入代码出错（vite构建）

4条答案

相关问题

热门标签

最新问答