前端 - vue自定义包打包发布到npm，在项目生产环境无法正常被解析使用？
在A项目中，自定义了一些包，打包发布到npm，在B项目中install这些包，在开发环境下可以成功预览，然后将B项目打包发布，在生产环境下，自定义的这些包全部失效。
举例：自定义了mb-audio包，在开发环境下解析出来的代码为：
<div data-v-0a5de1c3="" data-v-00afe846="" data-v-e9be8984="" class="audio-wrap station-audio-wrap" iconlinetype="1"><img data-v-0a5de1c3="" src="data:image/png;base64,iVBORw0KGgoAAAANSU" class="audio-cion"></div>以上可以正常使用
在生产环境下解析出来的代码为：
<mb-aduio data-v-0237d99c="" data-v-48cca752="" icontype="1" class="station-audio-wrap"></mb-aduio>以上不能正常使用
请问各位造成这个现象的原因是什么
共有1个答案
vue组件打包发布到npm，大概有以下几个步骤：
1.组件封装以及定义install方法暴露出来
2.打包相关配置修改
3.发布到npm
4.组件导入使用Vue.use()方法调用
目前看你提的问题也不清楚是哪个环节出问题了，你可以参考以下demo去检查检查
https://blog.csdn.net/lqh4188/article/details/127027831
-
半路接手一个项目按package进行打包，发现测试打包与生产打包文件数还不一致。请问如何解决。看过https://segmentfault.com/q/1010000039243845?utm_source=tag-newest情况和我一样。换了命令，测试环境打包还是差文件。 解决办法 根据一楼兄弟提示，想要在测试环境打包与生产环境一致。 1、在你的 .env.test文件中第一行添加。不要写NO
-
本文向大家介绍解决Vue 项目打包后favicon无法正常显示的问题，包括了解决Vue 项目打包后favicon无法正常显示的问题的使用技巧和注意事项，需要的朋友参考一下 在开发中经常需要为项目添加favicon以增加网站辨识度，在使用Vue开发中出现添加的favicon.ico无法显示问题，如下给出解决方法： 问题分析： 问题根源在于路径，如果使用http链接作为favicon地址一般不是出现问
-
本文向大家介绍Vue项目分环境打包的实现步骤，包括了Vue项目分环境打包的实现步骤的使用技巧和注意事项，需要的朋友参考一下 在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了，
-
vue2项目打包到正式服上之后，chunk等资源文件能正常加载（控制台没有404错误），但是页面打开后排版错乱，发现dom节点样式没有引用到。如何解决这种情况？ ps:控制台与dom样式截图如下： 控制台可以看出，所有的资源文件都正常加载； ，通过样式审查发现，对应的dom节点上面，没有成功引用到样式文件内的样式。通过测试服上的相同内容对比，可以明显的看到差距： （测试服相同dom样式审查截图）
-
21. 打包您的生产环境程序 可执行的jar文件可以用于部署生产环境。由于它们是独立自足的，它们也非常适合基于云的部署。 至于额外的“生产环境”功能，如 ，请考虑添加spring-boot-actuator。详细信息请参阅V. Spring Boot致动器：生产环境功能。
-
vue前端项目npm run build:prod打包后放在nginx上运行，项目是一个后台前端，在本地运行时正常，放在服务器上时菜单不显示了，浏览器控制台报错 菜单不显示： 菜单显示： 出错的地方是菜单栏一个变量未识别， 问了gpt说这样改，方法试过都无效。 求大佬帮忙看看！！