element-plus组件中使用的问题

最新推荐文章于 2024-05-27 14:59:34 发布
最新推荐文章于 2024-05-27 14:59:34 发布
阅读量165 收藏
点赞数 1
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77822157/article/details/139217124
版权

问题：[vite] Internal server error: Failed to resolve import "@element-plus/icons-vue" from "src/views/login/loginPage.vue". Does the file exist?

原因:

  1. 导入的文件或模块不存在。请检查 "@element-plus/icons-vue" 是否存在于项目的依赖中，并确保导入的是正确的路径和文件名。

  2. 文件路径错误。请检查 "src/views/login/loginPage.vue" 文件中的导入语句，确保导入的路径和文件名是正确的。

  3. 项目结构发生变化。请确保项目的结构与导入语句中指定的路径和文件名相匹配。如果项目结构发生变化，请更新导入语句以反映新的路径和文件名。

  4. 依赖问题。如果 "@element-plus/icons-vue" 是一个外部依赖，请确保已经正确安装并引入项目中。如果还没有安装，可以使用以下命令安装：

  5. npm install @element-plus/icons-vue --save
深山里的山鬼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-plus-2.2.12 本地资源文件
08-01
element-plus-2.2.12 本地资源文件，适用于Vue 3编程，是流行的Vue 3的组件库。 资源适用于离线开发，内网使用。 （本资源为 element-plus-2.2.12 保存而来，如有侵权请联系我删除。）
element-plus(element-plus@2.5.5) 本地离线资源
02-05
element-plus@2.5.5 本地离线资源，适用于没有网络连接、搭建自己的cdn等用途。 All files（包含文件） /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...
element plus按需导入的坑
akatukijohi的博客
04-12 3543
element plus版本2.1.8，用了官网的方法，靠unplugin-auto-import和unplugin-vue-components实现按需导入后，因为element plus默认是英文，所以要转成中文。 此时，官网给了两个方法： 方法一 在main.js里添加如下代码。如果你是按需导入，千万别用，直接破功变成全局注册了。用了以后打包，包变大了两兆多。 import ElementPlus from 'element-plus' import zhCn from 'element-plus/e
Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo
做笔记/记录遇到的前端bug
02-27 8866
Vue3使用Element Plus组件时报错：[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement
element+ 引入图标报错 Failed to resolve import “@element-plus/icons-vue“ from “
最新发布
gxdzi的博客
05-27 535
原因：element-plus需要单独引入 icons 文档。element+ 引入图标报错。之后就可以正常使用了。
解决vue引入element-plus时，main.ts中报错
m0_48541096的博客
07-02 1652
解决main.ts中参数不一致的问题
vue3按需导入element-plus报错Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/
m0_37922443的博客
05-16 3087
Module not found: Error: Can't resolve 'element-plus/es/components/button/style/css'
element-plus离线文档
05-07
同时，Element Plus 的组件可以通过 `import` 语句引入，并在模板中直接使用。 5. **样式定制**：Element Plus 提供了主题定制工具，允许开发者根据自己的品牌风格调整组件的色彩、大小等样式。这通常涉及到 CSS ...
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
重用现有element-plus组件库。对于小白来说怎么在Vuedraggable里使用element组件提供了实际应用参考。table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖：npm i -S ...
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件库|去做： 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ...
vue3报错：找不到模块“element-plus”或其相应的类型说明
TangJing_的博客
08-12 2万+
vue3报错：找不到模块“element-plus”或其相应的类型说明
vue3引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/display.css“ from
weixin_44536001的博客
05-23 1017
根据elmentplus 官方文档引入当前文件报错 ，原因是实际可能是版本升级，文件具体路径不对，可以看一下源文件的路径。我这个版本的路径就不在lib下 ，修改为引入正常路径即可。
解决报错：Module not found: Error: Can‘t resolve ‘element-plus/lib/theme-chalk/index.css‘
Stars_in_rain的博客
01-10 1万+
解决报错：Module not found: Error: Can’t resolve ‘element-plus/lib/theme-chalk/index.css’ 在vue3中element-ui的安装已经改为npm install --save element-plus了，相应的css样式的引入也改变了， 按照import 'element-plus/lib/theme-chalk/index.css'引入报错 改为下面代码后就解决了： import 'element-plus/theme-cha
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: “plugins“ is not allowed
weixin_60697146的博客
05-08 1317
vue3项目按需引入element-plus报错 ERROR Invalid options in vue.config.js: "plugins" is not allowed
解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?
hu_666666的博客
03-26 1万+
成功地解决了Failed to resolve import "@element-plus/icons-vue" from "src\views\Home.vue". Does the file exist?
elementui安装不上，报错：Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/index.css‘ in ‘D
热门推荐
qq_47722030的博客
03-16 2万+
elementui安装不上，报错：Module not found: Error: Can’t resolve ‘element-ui/lib/theme-chalk/index.css’ in 'D:\workspace\web-ele-ui\vue-manage\src’自定义目录标题) 使用多种办法都没能安装上，在package.json文件中没有发现有elementui对应的版本号 在这里插入图片描述 解决方法： 1、删除项目中的node_modules文件夹 2、在项目文件下执行npm insta
vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)
sumisu666的博客
03-15 1万+
参考文章：https://www.cnblogs.com/cokolxvd/p/15661086.html 按需自动引入elementUI 首先需要插件 unplugin-vue-components 和 unplugin-auto-import npm i unplugin-vue-components unplugin-auto-import 根据elementUI plus 官网说明快速开始. 需要在vite.config.js中加入如下代码 复制代码 // vite.config.ts imp
element-plus组件使用
08-26
要使用element-plus组件，首先需要在项目的main.js文件中引入element-plus库，并注册到Vue应用中。可以使用以下代码实现： import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import App from './App.vue' import './registerServiceWorker' createApp(App).use(ElementPlus).mount('#app') 这段代码会将ElementPlus组件库引入，并注册到Vue实例中，使得我们可以在整个应用中使用ElementPlus的组件。 另外，有一个2.2.12版本的本地资源文件可以使用，适用于Vue 3编程。这个资源文件是element-plus-2.2.12，可以用于离线开发和内网使用。如果需要使用这个资源文件，请确保没有侵权问题，可以联系资源提供者删除。 在使用element-plus组件时，可以通过el-icon标签来单独使用图标组件。比如，可以使用以下代码来使用StarFilled和Message两个图标组件： <el-icon color="#ff007f" size="100px"><StarFilled /></el-icon> <el-icon color="#0000ff" size="100px"><Message /></el-icon> 以上是element-plus组件的基本使用方法。通过引入组件库并在Vue应用中注册，然后可以在需要的地方使用相应的组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Element-Plus使用](https://blog.csdn.net/weixin_48221105/article/details/128432397)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [element-plus-2.2.12 本地资源文件](https://download.csdn.net/download/u010867236/86270552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [element-plus组件库的使用](https://blog.csdn.net/YZL40514131/article/details/127723290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值