element plus 使用v-loading报错解决Can‘t resolve ‘element-plus/es/components/loading-directive/style/index‘

原创

已于 2022-06-06 11:36:49 修改

· 7.5k 阅读

0 ·

版权

文章标签：

#vue3 #element plus #element按需引入

于 2022-06-02 19:30:00 首次发布

本文档介绍了在使用Vue项目中遇到Element Plus的loading指令样式无法按需引入的问题及解决方案。错误信息显示模块未找到。解决方法包括手动引入组件及其样式，或者更新按需引入工具。更新后，可以成功实现v-loading等反馈组件的按需引入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错如下：

Failed to compile.

./src/views/detectionSystems/deviceStatusList/index.vue?vue&type=template&id=2de634af&scoped=true (./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--35-0!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/views/detectionSystems/deviceStatusList/index.vue?vue&type=template&id=2de634af&scoped=true) Module not found: Error: Can't resolve 'element-plus/es/components/loading-directive/style/index' in 'C:\code\SIDS\sids_jg_xuanwumen\src\views\detectionSystems\deviceStatusList'

解决办法：

1、手动引入

必须把css也引进来，然后使用组件方式。