使用 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

相关推荐

  1. Element-plus使用遇到问题

    2024-07-19 01:52:03       31 阅读
  2. 记录启动Dubbo-admin遇到问题

    2024-07-19 01:52:03       49 阅读
  3. Element-plus使用记录

    2024-07-19 01:52:03       31 阅读
  4. vue启动遇到问题记录

    2024-07-19 01:52:03       38 阅读
  5. vue项目使用element-plus

    2024-07-19 01:52:03       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 01:52:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 01:52:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-19 01:52:03       58 阅读
  4. Python语言-面向对象

    2024-07-19 01:52:03       69 阅读

热门阅读

  1. Bootstrap apexLine后端数据与前端Asp.net MVC数据交互

    2024-07-19 01:52:03       21 阅读
  2. DW1000在STM32环境下实现定位功能

    2024-07-19 01:52:03       22 阅读
  3. Vue3快速入门1

    2024-07-19 01:52:03       22 阅读
  4. 微信小程序:3.页面开发

    2024-07-19 01:52:03       21 阅读
  5. MySQL简介

    2024-07-19 01:52:03       19 阅读
  6. Vue + litegraph.js 实现蓝图功能

    2024-07-19 01:52:03       25 阅读
  7. c语言(函数7.18)

    2024-07-19 01:52:03       24 阅读
  8. RK3568 linux-5.10 rk809 声卡实现spk hp自动切换

    2024-07-19 01:52:03       22 阅读
  9. 蜣螂算法(BSO)及Python和MATLAB实现

    2024-07-19 01:52:03       21 阅读
  10. A. Little Nikita

    2024-07-19 01:52:03       20 阅读
  11. Ubuntu22,ROS2 colcon/cmake 编译卡死问题解决

    2024-07-19 01:52:03       20 阅读
  12. Mongodb文本索引

    2024-07-19 01:52:03       18 阅读
  13. ChatGPT:Stream 和 数据源

    2024-07-19 01:52:03       18 阅读