最近在使用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 都没有问题,欧了,问题解决。

转载于:https://www.cnblogs.com/hexiaobao/p/10251795.html

mpvue使用vant Weapp运行npm run build命令打包后失效相关推荐

  1. vue使用npm run build命令打包

    vue使用npm run build命令打包项目   当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行 ...

  2. vue打包不生成dist文件夹(IDEA使用命令行npm run build命令打包)

    记录一下自己的愚蠢问题!!! 问题出现情况:我是使用IDEA打开的vue项目,并在IDEA的命令行(terminal)中执行vue打包命令(npm run build)的,打包结果会显示成功,但是没有 ...

  3. vue2.0项目部署到服务器_vue项目运行npm run build打包后如何发布到服务器?

    运行npm run build后,怎么发布到服务器? 这样就打包成功了.然后我的项目根目录就会多一个dist文件夹,里面包含static文件夹(存放img.css.js等文件)和index.html. ...

  4. npm run build命令运行后报错 npm ERR! missing script: build

    打开vue项目中的package.json查看一下script的设置,是否如下图 如果是的话,那么运行打包命令的时候要运行 npm run build:prod --report

  5. VSCode内npm run build编译打包时候报错:code ELIFECYCLE - (已解决)

    文章目录 win10系统使用VSCode打包项目进行build编译的时候,报错:Module build failed: Error: "extract-text-webpack-plugi ...

  6. npm run build:prod打包步骤

    1:打开.env.development 将接口地址设置成线上访问 注释本地 VUE_APP_BASE_API = '/' ENV = 'development'# 接口地址 VUE_APP_BASE ...

  7. 记一次npm run build:prod打包失败的处理方法

    报错日志: 0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli '/var/jenkins_home/tools/jen ...

  8. 运行 npm run dev 命令,启动 webpack 进行项目打包出现问题opensslErrorStack: [ ‘error:03000086:digital envelope routine

    webpack打包出现了以下问题: 经过经过查阅发现是因为node版本的问题,可以在终端执行以下命令解决这个问题: set NODE_OPTIONS=--openssl-legacy-provider ...

  9. 运行npm update等命令出错后如何分析问题根源

    我今天工作时,在当前前端项目工作目录下执行命令npm update 结果遇到如下错误:registry error parsing json npm ERR! Unexpected token < ...

最新文章

  1. 判断两个树是否相等和判断tree1是否包含tree2 python实现
  2. python学习(一)-----数据结构和算法----序列和字典的基本用法
  3. spring IOC 注解@Autowired
  4. 算法题目——读书知识点统计问题(POJ-3320)(尺取法)
  5. mysql3.5 所有表_mysql学习笔记3.5
  6. 论文写作——paper Note
  7. oracle还原 ora 39111,在server2008上进行impdp引发的(ORA-39070)的问题
  8. linux使用gcc编译报错“undefined reference to `pthread_create'”
  9. 数据挖掘实践(金融风控)——task5:模型融合
  10. OC中Runtime浅析
  11. 不清楚SBUS,这份SBUS协议详解请收藏
  12. 不要做干自己没时间做的事
  13. MYSQL PGA SGA设置
  14. keras.preprocessing.image函数比较
  15. 2021-08-08备份数据库
  16. HTML5移动开发的10大移动APP开发框架
  17. css苹果手机字号变大,css – 智能手机字体大小不一致
  18. 3、git 暂存区撤销与删除
  19. 入门 | 什么是自注意力机制?
  20. AFL++: Combining Incremental Steps of Fuzzing Research

热门文章

  1. 设计模式-15-建造者模式
  2. GridView 配合模板实现 合并单元格(多列)
  3. Windows下配置Mysql免安装版
  4. 邮件营销的三个基本要素讲解
  5. 【转载】SQL Server 批量插入数据的两种方法
  6. ASP.NET验证控件祥解
  7. ECCV 2020 论文大盘点-姿态估计与动作捕捉篇
  8. Distribution is all you need:这里有12种做ML不可不知的分布
  9. mysql killed状态连接_MySQL: kill connection的实现简析
  10. 10天确定Python,运行环境(超详细步骤)