Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\...

最新推荐文章于 2023-05-23 15:40:12 发布
最新推荐文章于 2023-05-23 15:40:12 发布
阅读量6.2k 收藏 7
点赞数 8
分类专栏： JavaScript 文章标签： css vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38815506/article/details/120905221
版权
在学习Vue3+TS时，根据掘金文章搭建项目遇到Element-Plus主题样式导入失败的问题。原来'element-plus/lib/theme-chalk/index.css'路径已改变，需更新为'element-plus/dist/index.css'。博主通过查看官方文档和搜索解决方案，成功解决了这个问题，提醒读者在项目中要对文件结构敏感并及时查阅文档。
摘要由CSDN通过智能技术生成

Failed to resolve import “element-plus/lib/theme-chalk/index.css” from "src…
学习vue3+ts中遇到的问题

vue3+ts搭建参考掘金文章 很详细 希望我能早日学会这套东西
从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境

没有什么特别的理由
其实只是文件位置变了 需要自己在文件目录看一下
这个css不在lib里 theme-chalk文件夹被挪出来了
改成新位置
import ‘…/node_modules/element-plus/theme-chalk/index.css’

我本来以为这样就好了
结果之前的查询窗口没关 看到别人的博客里说上官网看了下

引入element-plus出现错误’this dependency was not found：‘element-plus/lib/theme-chalk/index.css ‘

应该改成dist的
dist好像是打包生成的吧
那确实是dist里的更好

那么就应该改成
import ‘element-plus/dist/index.css’

记得对项目结构敏感一点 顺便还要多看文档 或者多搜搜（。

都是猫在打字不是我
关注
专栏目录
Vue3 - Element Plus 报错 Internal server error: failed to resolve import “element-plus/es“ from “x“, D
王佳斌
05-11 3646
vue3，element-plus，unplugin-vue-components，自动导入报错，自动引入报错，vue3+vite自动引入element组件出现错误，vite，webpack，如何解决这个问题，Internal server error: failed to resolve import "element-plus/es" from "x", Does the file exist?，配置自动引入element组件控制台报错，Vue3+ElementPlus，vue3+vite如何实现自动引
Failed to compile. ./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node
郭宝的博客
01-07 3439
背景： Failed to compile. ./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-plugin-import' from 'C:\Users\Administrator\WebstormProjects\memorial' at..
webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败
qq_38761664的博客
11-23 1万+
1.确认style-loader!css-loader是否下载，如果下载，是否在config文件中进行了配置 配置文件如下：       {         test: /\.css$/,         loader: 'style-loader!css-loader',         exclude: /node_modules/       } 但是这样仍然无法正常运行的
vue引入element-plus报错 Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
tgs2033的博客
03-09 2484
查看官网文档得知 css的引入路径改了 import 'element-plus/lib/theme-chalk/index.css' 改成了以下路径 import 'element-plus/dist/index.css'
vue3引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\
wj624的博客
02-16 8265
vue引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\ 或者报以下错误 原因 ：由于element-plus引入index.css方式更新，若使用旧方式引入 解决方案：element.js文件中的引入element-plus的样式 import 'element-plus/lib/theme-chalk/index.css' import { ElButton }
Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\
m0_68996704的博客
08-12 687
其中一直出现不存在模块问题 查了一下才知道 官网早就改了。就可以了 希望我自己下次不会碰到了。
[vite] Failed to resolve module import “element-plus/lib/theme-chalk/index.css-platformode_modulesel
lgldl的博客
05-19 4841
将 import 'element-plus/lib/theme-chalk/index.css' 改为 import '../node_modules/element-plus/lib/theme-chalk/index.css'
element plus 使用v-loading报错解决Can‘t resolve ‘element-plus/es/components/loading-directive/style/index‘
山野里的小菊花
06-02 7316
This dependency was not found: * element-plus/es/components/loading-directive/style/index in ./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-loa
Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件
且听风吟的博客
04-13 1万+
使用 vite 搭建一个 vue3 的一个typescript的项目。 配置路由的添加路由界面的时候，报错：找不到指定的文件
在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案
热门推荐
weixin_42099193的博客
03-09 2万+
在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案问题描述原因分析解决方案 问题描述 近日尝试使用vite+vue3+vant开发项目过程中，参考vant官网开发指南->快速上手->引入组件 按照上述配置好后，运行vite环境报错：Failed to resolve import 原因分析 根据报错信息，发现是vant的样式引入路径不对。 程序解析为：项目路径/node_modules/vant/lib/vant/es/组件/style 实
vue引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\
qq_44747508的博客
10-28 1万+
查看官网文档得知 css的引入路径改了 import 'element-plus/lib/theme-chalk/index.css' 改成了以下路径 import 'element-plus/dist/index.css'
引入element-plus出现’this dependency was not found：‘element-plus/lib/theme-chalk/index.css ‘错误
qq_39750019的博客
09-08 2030
问题描述 import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' 1，第一反应以为是路径不对 改为 import ‘…/node_modules/element-plus/lib/theme-chalk/index.css’ 还是报错 2，重新安装 npm i element-plus 还是报错 解决方法 查看官网，发现element-plus官网导入css样式库修改为下面这种形式了
vue3配置Element，及element-plus/lib/theme-chalk/index.css报错处理
ajiejie66的博客
12-04 1万+
vue3配置Element，及element-plus/lib/theme-chalk/index.css报错处理 vue3在安装配置Element-UI时，需要安装的是Element-plus，注意区分一下 1、在vue3.x的项目项目安装Element-Plus npm i element-plus -S 2、引入到main.js，在\src\main.js中引入 import { createApp } from 'vue' import App from './App.vue' import ro
引入element-plus出现错误’this dependency was not found：‘element-plus/lib/theme-chalk/index.css
qq_37061503的博客
10-22 582
引入element-plus出现错误’this dependency was not found：'element-plus/lib/theme-chalk/index.css ' 后面就出现了错误：this dependency was not found：'element-plus/lib/theme-chalk/index.css 解决办法： element-plus官网查询需要改成 import 'element-plus/dist/index.css' ...
Failed to resolve import “element-plus/es/el-sub-menu“ from “src\components\
茹嗨瑞的博客
11-01 8419
Failed to resolve import "element-plus/es/el-sub-menu" from "src\components\
vue3引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/display.css“ from
weixin_44536001的博客
05-23 1124
根据elmentplus 官方文档引入当前文件报错 ，原因是实际可能是版本升级，文件具体路径不对，可以看一下源文件的路径。我这个版本的路径就不在lib下 ，修改为引入正常路径即可。
Rollup failed to resolve import “element-plus/es/components“ from “node_modules/element-plus/es/inde
weixin_43160498的博客
06-09 7131
[vite]: Rollup failed to resolve import "element-plus/es/components" from "node_modules/element-plus/es/index.js". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it
引入element-plus出现错误’this dependency was not found：‘element-pluslibtheme-chalkindex.css ‘
m0_67401746的博客
03-06 358
引入element-plus出现错误’this dependency was not found：'element-plus/lib/theme-chalk/index.css ' 出现问题： 一开始我在main.js引入的代码为： import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' 后面就出现了错误：this dependency was not found：'element-plu
vue3 使用element plus报Failed to resolve import "element-plus/lib/theme-chalk/index.css" from "src\main.ts". Does the file exist
最新发布
08-07
在使用Vue 3时，如果报错"Failed to resolve import "element-plus/lib/theme-chalk/index.css" from "src\main.ts". Does the file exist"，这个问题通常是由于导入的Element Plus的样式文件路径不正确所致。 解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值