vue-cli 打包部署项目 报错 Uncaught TypeError: Cannot read property ‘install‘ of undefined 小记

问题:
在原本稳定版的分支上创建了一个分支部署新的项目,本地运行正常,结果部署上线后页面空白,报错如下图

在这里插入图片描述
点进报错位置,是某个对象 或者某个东西 找不到,由于webpack打包 代码被混淆压缩,无法得知 这是个什么东西
在这里插入图片描述

分析:
报错位置在chunk-libs.xxxxxxxx,可以确定是 webpack在打包node_modules 出的问题 我有点百思不得其解 因为我切换了分支没有安装任何新的插件 想起来之前全局升级了一次npm 让我一度以为是npm的版本兼容问题

在这里插入图片描述
网上搜索了一些相关,当然这种报错不可能找到一对一的答案,大体思路是 要么是 升级了插件包 或者 插件引入不正确 ,最后在一个GitHub的issue区看到了一个类似问题的方案
在这里插入图片描述
突然明白了,项目中使用了vxe-table,由于要封装一些公用渲染器,我就把他二次封装了一下,然后再mainjs 引入,原因就在于,在二次封装的table文件少了一步将其暴露出来的操作 ,导致 开发环境正常。原因如下图,开发环境引入了模块的default,生产环境懒加载,没有暴露出来的变量就找不到
在这里插入图片描述

红框内 插件没有暴露出去 线上生产环境就找不到
在这里插入图片描述

没啥可说的 粗心大意 要不得

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
根据提供的引用内容,报错信息是"Uncaught TypeError: Cannot read properties of undefined (reading 'install')"。这个错误通常发生在Vue.js项目中,可能是由于未正确安装或使用Vue插件导致的。 解决这个问题的方法有以下几种: 1. 确保正确安装了Vue插件:检查项目中是否正确安装了所需的Vue插件。可以使用npm或yarn等包管理工具来安装插件。确保在项目的package.json文件中添加了所需的依赖项,并且已经运行了安装命令。 2. 检查插件的版本兼容性:有时候,插件的版本可能与Vue的版本不兼容,导致出现错误。请确保所使用的插件版本与Vue的版本兼容。可以查看插件的文档或官方网站来获取相关信息。 3. 检查插件的使用方式:有些插件需要在Vue实例中使用Vue.use()方法进行安装。请确保在使用插件之前正确调用了Vue.use()方法。如果插件没有提供Vue.use()方法,那么可能是插件的使用方式不正确,需要参考插件的文档或示例来正确使用。 4. 检查引入的文件路径:报错信息中提到了一个文件路径,可能是在引入文件时出现了问题。请确保引入的文件路径是正确的,并且文件存在于指定的位置。 5. 检查其他可能的错误:如果以上方法都没有解决问题,可以尝试检查其他可能的错误。例如,检查是否有其他代码或配置文件中存在错误,或者是否有其他插件或库与Vue产生冲突。 希望以上方法能够帮助您解决问题。如果问题仍然存在,请提供更多的信息或代码片段,以便更好地帮助您解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值