miniprogram-demo
miniprogram-demo copied to clipboard
wechat-miniprogram
示例跑不起来的几个问题，搞了几个小时，终于成功启动
个人遇到的问题及解决过程，（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中的大佬们的解决方法，虽然都比较细碎，我翻了很多个参考综合解决，特此将完整流程记录
为啥我按照你的教程，小程序工具报错这个：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中的大佬们的解决方法，虽然都比较细碎，我翻了很多个参考综合解决，特此将完整流程记录
我也是白屏啊（只有tabbar），基础库切换也不起作用啊 是不是跟微信开发者工具的版本有关系啊
刚开始我也不得，把skyline渲染勾勾去掉就好了
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】
谢谢，按你这个教程可以成功启动~ 另外如果是 zip包下载的代码，需要先在根目录命令行执行 git init后 再执行 >npm run init --legacy-peer-deps 就可以。
谢谢，按你这个教程可以成功启动~ 另外如果是 zip包下载的代码，需要先在根目录命令行执行 git init后 再执行 >npm run init --legacy-peer-deps 就可以。
