Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
edersson520 opened this issue Oct 23, 2023 · 12 comments

Comments

@edersson520
Copy link

个人遇到的问题及解决过程,(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
Copy link

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

@zhCaiCode
Copy link

为啥我按照你的教程,小程序工具报错这个: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
Copy link

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

@S1mpleAim
Copy link

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

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

@limbodan
Copy link

啊,根本跑不起来

@ImasakaYue
Copy link

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

@xuelanghu120
Copy link

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
Copy link

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

@congfamin
Copy link

congfamin commented May 24, 2024 via email

@liushan0302
Copy link

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

@chrisxxp
Copy link

chrisxxp commented Jun 7, 2024

感谢!按照上述方法成功打开并真机预览

@MuseumMage
Copy link

感谢帮助!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests