微信小程序创建项目常见问题

一、安装vant Weapp工具构建npm 遇见问题

解决办法：

1. 在project.config.json中添加如下代码，加在setting下

"packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
 ],
 "packNpmManually": true,

3. 关闭微信开发者工具，重启
4. npm init
5. npm install
6. 构建成功会出现 miniprogram_npm 文件夹

二、引入"van-button": "@vant/weapp/button/index"报错

1. 将miniprogram_npm 文件夹 移到 miniprogram 文件夹中

三、将 app.json 中的 "style": "v2" 去除

原因：小程序的新版强行加上了许多样式，不关闭将造成部分组件样式混乱

四、字体在最左上角问题

原因：项目默认开启了Skyline渲染模式，因为Skyline渲染模式不支持原生导航栏
解决方法： 将app.json文件中："navigationStyle": "custom"、"renderer":"skyline"
原生导航栏默认是黑色的，参考文档配置下就好了

"window": {
    "navigationBarTextStyle": "black",
    "navigationStyle": "default",
    "navigationBarBackgroundColor":"#fff"
  },