使用taro开发个人微信小程序(未完成)

使用taro + react + vantUI 开发个人微信小程序中遇到的坑

微信小程序开发

项目配置

  • darkmode配置,theme.json中引用的图片未被打包:

    通过theme.json引用的图片会被项目认为未被使用,相关讨论可见taro github issue 11267,使用taro配置命令的中的copy配置项指定将需要的图片的文件输出到dist即可

云开发

参考文档

对于项目开发到一半发现需要云开发的情况,我们不需要按照taro给出的模板来构造项目

  1. 在项目的根目录中新建cloud文件夹,并在project

  2. 在微信开发者工具中看到该文件夹中

  • 图表插件选择
配置根目录和scss全局变量
1
2
3
4
5
6
7
8
// index.js 的config 中
alias: {
src: resolve(__dirname, "..", "src"),
"@": resolve(__dirname, "..", "src"),
},
sass: {
resource: resolve(__dirname, "..", "src/assets/styles/variable.scss"),
},
获取天气服务
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// app.config.ts
export default defineAppConfig({
pages: ["pages/index/index", "pages/history/index", "pages/user/index"],

window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
},
"permission": {
"scope.userFuzzyLocation": {
"desc": "你的位置信息将用于小程序获取天气服务" // 高速公路行驶持续后台定位
}
},
"requiredPrivateInfos": [
"getFuzzyLocation",
]
})

title:使用taro开发个人微信小程序(未完成)

author:Anne416wu

link:https://www.annewqx.top/posts/51261/

publish time:2022-07-25

update time:2023-04-14


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×