示例项目无法运行终极解决方案!!!

Author: WangenboCreated Jul 14, 2023Updated Jan 7, 2026

更新时间:2023.7.14

1. 项目导入时,会显示当前开发者未绑定此AppId,只要在这里更换自己的小程序APPID即可

image

2. 点击“信任”

image

3. 这时候会显示启动失败,原因是app.json 中创建了 packageSkylineExamples 的页面路径,但是在项目中没有对应的页面文件,packageSkylineExamples 是空的。

image

4. clone https://github.com/wechat-miniprogram/awesome-skyline.git 项目到本地,注意不要和当前小程序示例放在一起。

5. 将 awesome-skyline 项目中的的 examples 目录拷贝到小程序示例项目中 /miniprogram/packageSkylineExamples 中。

6. 此时项目会报错如下

image

7. 修改配置:pageage.json里的 "@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0"

8. npm install --legacy-peer-deps 注意要在 miniprogram 下执行此命令

9. 返回小程序项目根目录,执行 npm run init --legacy-peer-deps

10. 完成上述步骤后,使用微信开发者工具,点击【工具-构建npm】

接下来,愉快的使用(copy)小程序官方示例项目吧!

Source: wechat-miniprogram/miniprogram-demo