使用 vue-element-plus-admin 框架遇到的问题记录

项目打包遇到的问题：

打包语句：pnpm run build:pro

报错信息：

Error: [vite]: Rollup failed to resolve import "E:/workplace_gitee/xxx/node_modules/.pnpm/element-plus@2.5.5_vue@3.4.15/node_modules/element-plus/es/components/gen-file-id/style/css" from "E:/workplace_gitee/xxx/src/views/xx/Imports/components/Import.vue?vue&type=script&setup=true&lang.tsx".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
build.rollupOptions.external

经检查代码，是项目中‘element-plus’样式的引入，默认是根据使用的element-plus的组件来引入的，恰巧项目使用了element-plus 中的的方法 （import { genFileId } from 'element-plus'），所以在打包时找不到该方法的样式。解决办法有两种，一种是改为全量引入样式，一种是排除对应的方法，该方法要注意驼峰的转化，是使用间隔符-。

方法一：

方法二： 使用的方法是 genFileId 转化后应该是 gen-File-id