[Bug] 小程序，安装教程使用，构建npm后显示module 'pages/index/@galacean/appx-adapter/weapp.js' is not defined, require args is '@galacean/appx-adapter/weapp'

[SSStq1314]

🔎 搜索关键词

微信小程序 appx-adapter/weapp

🕗 版本信息

1.1.5

🖥️ 平台信息

• [ ] iOS
• [ ] Android
• [ ] Web
• [X] 小程序（支付宝/微信）
• [ ] 微信小游戏
• [X] macOS
• [ ] Windows
• [ ] Linux
• [ ] Other

💻 Sample Code

node_modules/@galacean/effects-math/index.js: 未找到npm包入口文件 node_modules/@galacean/effects-webgl/index.js: 未找到npm包入口文件 "dependencies": { "@galacean/appx-adapter": "^0.0.9", "@galacean/effects": "^1.1.5" }

VM3651:11 页面【pages/index/index]错误: Error: module 'pages/index/@galacean/appx-adapter/weapp.js' is not defined, require args is '@galacean/appx-adapter/weapp' at q (WASubContext.js?t=wechat&s=1705295175808&v=3.3.1:1) at n (WASubContext.js?t=wechat&s=1705295175808&v=3.3.1:1) at index.js? [sm]:2 at WASubContext.js?t=wechat&s=1705295175808&v=3.3.1:1 at p.runWith (WASubContext.js?t=wechat&s=1705295175808&v=3.3.1:1) at q (WASubContext.js?t=wechat&s=1705295175808&v=3.3.1:1) at <anonymous>:8:5 at evaluateRes (index.js:1) at index.js:1 at Object.invoke (index.js:1)(env: macOS,mp,1.06.2401020; lib: 3.3.1)

🙂 预期行为

正常加载并播放资源

🙁 实际行为

报错，无法正常引用

⏯ Steps to Reproduce

https://developers.weixin.qq.com/s/YuJLbemR73OZ

加载代码片段到本地后，执行npm install ，然后使用微信开发者工具-工具-构建npm

其它信息

No response

[yiiqii]

Galacean Effects 对小程序的适配包使用了 package.json exports，NodeJS v12.7.0 和 Typescript v4.7 及以上才支持，同时 tsconfig.json 的 module 需配置为 ESxxx（如：ESNext）。

[SSStq1314]

所以我这边要做什么操作，我是用正常的小程序创建新项目，然后npm 引用，构建npm，或者你这边有完成的代码示例吗？

[yiiqii]

所以我这边要做什么操作，我是用正常的小程序创建新项目，然后npm 引用，构建npm，或者你这边有完成的代码示例吗？

你是纯 js 的项目还是 ts 的？如果是 js 的话尝试这样引入：

import { registerCanvas } from '@galacean/appx-adapter/dist/weapp';
import { Player } from '@galacean/effects/dist/weapp';

[yiiqii]

所以我这边要做什么操作，我是用正常的小程序创建新项目，然后npm 引用，构建npm，或者你这边有完成的代码示例吗？

请问这个问题解决了吗？

[yiiqii]

所以我这边要做什么操作，我是用正常的小程序创建新项目，然后npm 引用，构建npm，或者你这边有完成的代码示例吗？

可以参考微信小程序的 demo：https://github.com/galacean/galacean-effects-miniprogram-demo 原生的可以用这个姿势：