Uniapp-开发小程序

文章目录

  • 前言
  • [一、npm run xxx ------ cross-env: Permission denied](#一、npm run xxx —— cross-env: Permission denied)
  • [二、macOS 微信开发者工具选择](#二、macOS 微信开发者工具选择)
    • [uniapp 用 vscode 开发](#uniapp 用 vscode 开发)
  • 总结

前言

macOS下 uniapp 开发小程序。


一、npm run xxx ------ cross-env: Permission denied

拷贝过来的项目带node_modules.

运行npm run xxx 报错上述错误。

解决方法(亲测有效)

输入一下命令

bash 复制代码
npm rebuild

其他解决方法:

删掉node_modules 文件 ,重新npm install。

chmod 777 node_modules 这个我改了文件的权限,但还是报上述的 cross-env: Permission denied

二、macOS 微信开发者工具选择

微信开发者工具下载直达地址🚀

据说 macOS ARM64 性能更好 : ( .

uniapp 用 vscode 开发

如图 UNI_PLATFORM=mp-weixin 的时候是运行小程序。会打包在 dist/目录/目录 ,在用微信开发者工具打开dist的项目即可运行。

这里要提一嘴的是,有时候wxappid 你没有权限。是因为小程序的所有者没有把你加入开发者。加入即可。

或则临时生成测试 wxAppid。下文图中的 test Account 按钮。

生成到dist后,微信开发工具点击导入项目,如图选择目录。

小程序的主包有大小限制。打包报错,超出4m限制了。。。 如图体积分析。依次分包优化🐮

前往社区瞧瞧🧐 uniapp小程序体积多大,优化思路🚀


总结

uniapp开发小程序,坑很多。记录📝 解决思路,希望对你有帮助。

相关推荐
willow3 天前
uniapp实战
uni-app
只会cv的前端攻城狮3 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat5 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端6 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li7 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup7 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia8 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia8 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲9 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang10 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程