微信小程序解决引入SDK时报错的问题,如何解决?
问题描述:
在app.js中引入小程序SDK的时候,经常出现下列错误,由于JavaScript版本的小程序和TypeScript的解决方案不同,特在此文档,进行说明。
app.js错误:
Error: module 'umtrack-wx.js' is not defined, require args is 'umtrack-wx'
at q (WASubContext.js?t=wechat&s=1704783070326&v=2.32.3:1)
at n (WASubContext.js?t=wechat&s=1704783070326&v=2.32.3:1)
at app.ts:2
at WASubContext.js?t=wechat&s=1704783070326&v=2.32.3:1
at f.runWith (WASubContext.js?t=wechat&s=1704783070326&v=2.32.3:1)
at q (WASubContext.js?t=wechat&s=1704783070326&v=2.32.3:1)
at <anonymous>:7:9
at doWhenAllScriptLoaded (<anonymous>:91:21)
at Object.scriptLoaded (<anonymous>:119:5)
at Object.<anonymous> (<anonymous>:144:22)(env: macOS,mp,1.06.2307062; lib: 2.32.3)JavaScript版微信小程序解决方案:
第一步 在微信开发者工具的terminal里输入npm init
第二步 根据npm init生成package.json的要求进行填写内容
第三步 在微信开发者工具选择 工具 - 构建npm 即可解决此报错
TypeScript版微信小程序解决方案:
第一步 在项目根目录下找到project.config.json文件,进入并找到setting: {}
第二步 在setting里配置增加下列配置
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
],第三步 关闭微信开发者工具,重新打开微信开发者工具
第四步 在微信开发者工具的terminal里输入npm init
第五步 根据npm init生成package.json的要求进行填写内容
第六步 在微信开发者工具选择 工具 - 构建npm 即可解决此报错