zoukankan      html  css  js  c++  java
  • mpvue使用vant Weapp运行npm run build命令打包后失效

      最近在使用mpvue开发微信小程序,在开发过程中使用有赞的小程序ui框架—— vant Weapp ,至于如何使用在我个人博客中有一篇关于如何使用vant Weapp ,需要的同学请点进这里自行查看。

      使用过mpvue框架开发过小程序的同学都应该知道,通过mpvue开发的小程序需要通过npm run dev命令才能在微信开发工具中调试小程序,按照我那篇使用vant Weapp的博客说明,使用npm run dev命令,vant Weapp框架都没有什么问题,也就是说开发环境下没有任何问题,今天小程序开发进入收尾测试阶段,需要将小程序打包发布,然后测试,但是发现经过npm run build命令之后,再使用微信开发者工具打开时vant Weapp UI框架失效,相关的样式都没有,最后迫不得已就把打包之后的app.json文件中应用vant Weapp的路径修改之后就可以,修改路径如下图:

      

      但是在不是最终的解决办法,总不能和每次打包后去修改dist文件下面app.json文件中欧冠的路径吧,最后认认真真的研读了一下微信小程序app.json配置文件中的相对路径,原来app.json所有配置路径都是相对于src而言的,最后就将src文件下面的app.json文件的配置路径改成如上图,运行npm run build 和 npm run dev 都没有问题,欧了,问题解决。

  • 相关阅读:
    Mac快捷键符号解释及用法介绍
    Mac使用小技巧:Fn键的妙用技巧
    Mac快捷键大全
    idea 开发SpringBoot项目并打包docker镜像部署到节点上
    .netcore linux开机自启脚本
    javascript Event Loop
    mysql函数使用技巧
    MySql查找慢查询sql
    js优先队列和链表
    mysql性能优化
  • 原文地址:https://www.cnblogs.com/hexiaobao/p/10251795.html
Copyright © 2011-2022 走看看