记一次生产环境问题：打包后上传组件无法上传

问题描述

Node18.20.1

vue3+vite4.4.8+elementPlus2.7.5项目

本地环境正常，生产环境打包后项目中所有上传文件组件，选择文件成功后不触发上传文件接口

报错信息

kh.upload.addEventListener is not a function

解决方案

项目中配置了mockjs

首先，使用npm uninstall mockjs,然后删除vite.config.js中的相关配置，

setup-mock中配置如下

import { viteMockServe } from 'vite-plugin-mock';

export default function createSetupMock() {
  return viteMockServe({
    // 更多配置见最下方
    mockPath: './mock/', //mock文件地址
    injectCode: ` import { setupProdMockServer } from './mockProdServer'; setupProdMockServer(); `,
    logger: false, //是否在控制台显示请求日志
    supportTs: true, //打开后，可以读取 ts 文件模块。 请注意，打开后将无法监视.js 文件
  });
}