廿四风 2022-05-02 17:41 采纳率: 100%
浏览 103
已结题

安装不上npm,不能用Vant

安装npm
请问这样算安装完成了吗

img

百度一下说不用管warn,但是我在本地设置里找不到使用npm模块

img

然后贴这串代码也用不了

  "usingComponents": {
    "van-button": "@vant/weapp/button/index"
  }

img

有没有人帮我解释一下为什么啊qwq,谢谢各位

  • 写回答

1条回答 默认 最新

  • 林一怂儿 前端领域新星创作者 2022-05-02 19:09
    关注

    记录一下我的操作流程吧,感觉好坑呀。

    首先在项目目录下执行npm init生成package.json文件。

    然后再执行npm i @vant/weapp -S --production下载并修改package.json文件

    project.config.json文件setting中的,添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。

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

    再点击操作栏上的工具-构建npm成功之后将会出现一个miniprogram_npm文件夹。

    然后这样引用即可

    {
      "usingComponents": {
        "van-button": "/miniprogram_npm/@vant/weapp/button/index"
      }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 5月10日
  • 已采纳回答 5月2日
  • 创建了问题 5月2日