示例跑不起来的几个问题，搞了几个小时，终于成功启动

[edersson520]

个人遇到的问题及解决过程，（2023年10月24日）：
1、本地必须安装：git，npm
2、git clone到本地或download zip后解压，默认根目录为：miniprogram-demo，后续操作全部在根目录执行，miniprogram那个子目录看起来很诱惑，但不需要在这个或其他任何子目录做任何操作或执行命令；
3、微信开发者工具 小程序->导入，导入目录为根目录 ，appID使用测试号，导入后不出意外必定报错，先不管
4、【重要】 打开根目录下的package.json，将"@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0"
5、【重要】 打开根目录下的.gitmodules，将[submodule "miniprogram/packageSkylineExamples"]项的 url=xxx 那行改为 url = https://github.com/wechat-miniprogram/awesome-skyline.git
6、【重要】 根目录下执行命令 npm run init --legacy-peer-deps，不要按官方的npm run init，不出意外也是一堆错
7、切回微信开发者工具 工具->构建npm，等一会应该就出现界面了
8、我出现界面后曾出现白屏，只有tabbar，页面无内容，做了两个尝试，右上角详情-本地设置-调试基础库切换到高版本(3.1.3)，console里有提示“Skyline 渲染模式在 2.29.2 及以上基础库支持 balabala..”下面有个点此切换模式，目前正常运行

0、还曾遇到过git断开问题，设置了git config --global https.proxy 127.0.0.1:xxx，梯子问题就不细说了，自行搜索

跑个示例这费事，简直天坑
感谢issue中的大佬们的解决方法，虽然都比较细碎，我翻了很多个参考综合解决，特此将完整流程记录

[gitgundam]

非常棒的教程,--爱来自瓷器

[xiuqidadada]

为啥我按照你的教程，小程序工具报错这个：message： NPM packages not found. Please confirm npm packages which need to build are belong to miniprogramRoot directory. Or you may edit project.config.json's packNpmManually and packNpmRelationList
appid: touristappid
openid: o6zAJs6H8q9_pTpncB7HYYIWsPXk
ideVersion: 1.06.2308310
osType: win32-x64
time: 2023-11-14 16:33:25

个人遇到的问题及解决过程，（2023年10月24日）： 1、本地必须安装：git，npm 2、git clone到本地或download zip后解压，默认根目录为：miniprogram-demo，后续操作全部在根目录执行，miniprogram那个子目录看起来很诱惑，但不需要在这个或其他任何子目录做任何操作或执行命令； 3、微信开发者工具 小程序->导入，导入目录为根目录 ，appID使用测试号，导入后不出意外必定报错，先不管 4、【重要】 打开根目录下的package.json，将"@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0" 5、【重要】 打开根目录下的.gitmodules，将[submodule "miniprogram/packageSkylineExamples"]项的 url=xxx 那行改为 url = https://github.com/wechat-miniprogram/awesome-skyline.git 6、【重要】 根目录下执行命令 npm run init --legacy-peer-deps，不要按官方的npm run init，不出意外也是一堆错 7、切回微信开发者工具 工具->构建npm，等一会应该就出现界面了 8、我出现界面后曾出现白屏，只有tabbar，页面无内容，做了两个尝试，右上角详情-本地设置-调试基础库切换到高版本(3.1.3)，console里有提示“Skyline 渲染模式在 2.29.2 及以上基础库支持 balabala..”下面有个点此切换模式，目前正常运行

0、还曾遇到过git断开问题，设置了git config --global https.proxy 127.0.0.1:xxx，梯子问题就不细说了，自行搜索

跑个示例这费事，简直天坑 感谢issue中的大佬们的解决方法，虽然都比较细碎，我翻了很多个参考综合解决，特此将完整流程记录

[pengz1234]

我也是白屏啊（只有tabbar），基础库切换也不起作用啊
是不是跟微信开发者工具的版本有关系啊

[S1mpleAim]

我也是白屏啊（只有tabbar），基础库切换也不起作用啊 是不是跟微信开发者工具的版本有关系啊

刚开始我也不得，把skyline渲染勾勾去掉就好了

[limbodan]

啊，根本跑不起来

[ImasakaYue]

第七步构建 npm 之后第一次预览会显示页面已失效，再次预览即可正常显示
很棒的教程

[xuelanghu120]

https://blog.csdn.net/qq_29327729/article/details/130865739
1.修改配置：pageage.json里的 "@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0"
2.npm install --legacy-peer-deps
3.npm run init --legacy-peer-deps
4.完成上述步骤后，使用微信开发者工具，点击【工具-构建npm】

[liushan0302]

谢谢，按你这个教程可以成功启动~ 另外如果是 zip包下载的代码，需要先在根目录命令行执行
git init后 再执行 >npm run init --legacy-peer-deps 就可以。

[congfamin]

这是来自QQ邮箱的假期自动回复邮件。   您好，我最近正在休假中，无法亲自回复您的邮件。我将在假期结束后，尽快给您回复。

[liushan0302]

谢谢，按你这个教程可以成功启动~ 另外如果是 zip包下载的代码，需要先在根目录命令行执行
git init后 再执行 >npm run init --legacy-peer-deps 就可以。