vite创建的vue3.0导入element框架报错[vite] Failed to resolve module import “xxx“（vue3.0采坑之路）

最新推荐文章于 2024-06-26 14:54:57 发布
最新推荐文章于 2024-06-26 14:54:57 发布
阅读量1.7w 收藏 3
点赞数 9
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41769047/article/details/111180961
版权

想玩玩vue3，用了vite创建了项目，导入element时启动项目一直报错饿了么的css样式导入失败，将main.js里的import 'element-plus/lib/theme-chalk/index.css’注释掉解决报错，但没了样式
在这里插入图片描述
强迫症犯了，折腾了一下午最后发现是项目最外层的中文文件名字造成的，是不是很离谱，简直是老王吃花椒，麻了隔壁，
大家将中文文件名改为英文就好了

博客园CV工程师
关注
  • 9
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
专栏目录
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
立即使用Vite 无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多...
vite-plugin-antd-theme:vite下的antd-design-vue主题变量生成插件
08-04
vite-plugin-antd-theme vite 下的 antd-design-vue 主题生成插件，依赖 antd-theme-generator demo vite.config.ts // ... import viteAntdTheme, { ThemeEntry, AntdThemeOptions } from 'vite-plugin-antd-theme'...
解决vue 引入子组件报错的问题
10-18
今天小编就为大家分享一篇解决vue 引入子组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[vite] Failed to resolve module import “@/view/Home.vue“. (imported by /)
sunnyboysix的博客
07-28 4082
将 component: () => import('@/view/Home.vue'), 改为 component: () => import('../view/Home.vue'),
Vue编译报错 “Failed to resolve import “@/router“ from “src\main.js“. Does the file exist ? “ 问题修复
最新发布
valsedefleurs的博客
06-26 1295
Vite构建工具解析别名resolve.alias配置
vue-router踩坑：Failed to resolve component: router-view
fationopen的博客
05-20 2429
先抛出错误： 以下是配置文件： main.ts import { createApp } from 'vue' import App from './App.vue' import "tailwindcss/tailwind.css" import router from "./router/router" createApp(App).use(router); createApp(App).mount('#app'); router.ts import Vue from "vue"; import
pnpm新建vite+vue3项目
Goods_boy的博客
11-22 663
pnpm 新建vue项目
pnpm创建vite + vue + ts项目
m0_62362977的博客
06-30 2322
pnpm创建vite+ts+vue项目，过程及遇到的坑
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过...
4.（vue3.x+vite）更改element-plus组件样式的几种方式（如：el-table）.rar
09-22
在Vue 3.x和Vite的环境中，与Element Plus组件库配合使用时，有时我们需要根据项目需求自定义组件样式，例如修改`el-table`表格组件的样式。Element Plus是基于Vue 3的UI组件库，提供了丰富的组件供开发者使用。在本...
vue3.0-resolve:solve解决vuejsvue-next源代码-vue source code
03-24
这是Vue 3.0的存储库。 快速开始 通过CDN： [removed][removed] 上的浏览器内游乐场 通过脚手架： npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3 通过支架： npm install -g @vue/cli # ...
[vite] Failed to resolve module import “element-plus/lib/theme-chalk/index.css-platformode_modulesel
lgldl的博客
05-19 4820
将 import 'element-plus/lib/theme-chalk/index.css' 改为 import '../node_modules/element-plus/lib/theme-chalk/index.css'
[vite] Internal server error: Failed to resolve import “../node_modules/element-plus/lib/theme-chalk
m0_50080847的博客
04-27 1万+
[vite] Internal server error: Failed to resolve import "../node_modules/element-plus/lib/theme-chalk/index.css" from "src\main.js". Does the file ex...
vue引入element-plus报错 Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
tgs2033的博客
03-09 2465
查看官网文档得知 css的引入路径改了 import 'element-plus/lib/theme-chalk/index.css' 改成了以下路径 import 'element-plus/dist/index.css'
Failed to resolve import “@/views/index.vue“ from “src\router\index.ts“ vue3 路由配置@找不到文件
m0_62811051的博客
11-07 1万+
Internal server error: Failed to resolve import "@/views/LoginView.vue" from "src\router\index.ts". Does the file exist?
Vue3配置路径，提示报错
weixin_55967922的博客
01-12 2691
各种尝试不行，在vite.config.js中配置path也不行，最后才知道是要在index后面加.vue后缀。
在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 实
vite路由启动报错
qq_43325350的博客
02-23 1136
[vite] Optimizable dependencies detected: less, vue [vite] Dep optimization failed with error: Could not load path (imported by node_modules/less/lib/less-node/plugin-loader.js): ENOENT: no such file or directory, open 'path'
Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件
明哥
03-31 3884
进入根目录下配置文件。
用 vite创建一个vue3.0的项目，使用pinia做状态管理，支持sass语法。
04-27
好的，我可以为你提供一个创建 Vue 3.0 项目并使用 Pinia 和 Sass 的步骤。请按照以下步骤操作： 1. 首先，确保你已经安装了最新版本的 Node.js 和 npm。 2. 打开终端并输入以下命令安装 Vite： ``` npm ...
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值