关于 vue ui中编译新建项目报错 his dependency was not found：‘element-ui/lib/theme-chalk/index.css‘

最新推荐文章于 2024-11-07 19:48:34 发布

leoz1

最新推荐文章于 2024-11-07 19:48:34 发布

阅读量487

点赞数

文章标签： vue.js ui 前端

原文链接：https://blog.csdn.net/SilenceJude/article/details/99644241

版权

通过升级element版本解决

1.在vscode终端卸载之前的element

npm uninstall element-ui

2.安装新版本

npm i element-ui@2.11.0 -S

若1.xx升级为2.xx 可能还需要查看main.js中的路径以及.babelrc中的配置

1.将import 'element-ui/lib/theme-default/index.css’替换为import ‘element-ui/lib/theme-chalk/index.css’

2.在.babelrc 文件中 theme-default 替换为 theme-chalk

3.在node_modules\babel-plugin-component\README.md文件中 theme-default 替换为theme-chalk

————————————————
版权声明：本文为CSDN博主「SilenceJude」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/SilenceJude/article/details/99644241

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

leoz1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue中”This dependency was not found”问题的解决方法

12-10

在Vue项目开发中，我们有时会遇到一个常见的错误提示：“This dependency was not found”，这通常是由于模块导入路径不正确或Webpack配置不完善导致的。在本文中，我们将深入探讨这个问题，分析其原因，并提供解决...

./node_modules/element-ui/lib/theme-chalk/index.css

weixin_38763607的博客

12-09

718

elemeUI报错 vue2

参与评论您还未登录，请先登录后发表或查看评论

vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

SunFlower的博客

08-30

503

vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde 解决方案 1、 cmd进入命令行窗口，切入运行的项目文件夹下 2、输入 cnpm i element-ui -S(没有装淘宝镜像的使用 npm i element-ui -S) ...

Vue2使用element-ui引入自定义主题的方法（使用在线主题生成工具）

weixin_51141523的博客

08-21

2615

引入element-ui之后，不喜欢默认蓝色主题，想换成自定义颜色主题，但官方文档，可能写得不够清晰，这里简单说说我是如何使用在线主题生成工具，然后引入自定义主题的

vue3 使用 elementUi： ./lib/theme-chalk/index.css is not exported from package

m0_54355172的博客

10-22

3588

日常贴

vue学习-element-ui全部导入与按需加载

gaogzhen的博客

06-26

3639

vue学习-element-ui全部导入与按需加载目录文章目录1、版本简介1、element-ui安装2、全部导入3、按需加载4、全部导入与按需加载比较***后记*** ：内容 1、版本简介版本简介 @vue/cli 4.0.5 vue脚手架，搭建vue项目 vue 2.6.11 vue框架核心 element-ui 2.13.2 UI框架 babel-plugin-component 1.1.1 element-ui按需加载组件 1、element-u

【报错问题】Vue element-ui 提示 ‘element-ui/lib/theme-chalk/index.css’ 找不到

窝窝头的博客

12-10

1万+

一、版本说明，没有的需要安装 "element-ui": "^2.13.0", // npm install --save element-ui "vue": "^2.5.2", // npm install --save vue "vue-router": "^3.0.1", // npm install --save ...

vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘时一直报错

热门推荐

Hi~豆豆麻麻

08-27

2万+

1.在package.json中确认style-loader是否下载，如果下载，是否在config文件中进行配置配置文件如下： { test: /\.css$/, loader: 'style-loader!css-loader', exclude: /node_modules/ } 如果仍然无法正常运行，则是因为在elmen...

Element-ui css非网络引用，

07-26

link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css1"> <link rel="stylesheet" href="/js/vue/index.css"> <el-button @click="visible = true">Button</el-button> ...

/element-ui/lib/index.js

08-21

element-ui组件的离线使用资源，将其放在项目下引用正确路径即可使用，使用时需同时引入vue.js（https://download.csdn.net/download/weixin_45660840/12737581），适用于非前端项目页面使用

element-ui 2.15.14版本

10-09

Element UI 是一个基于 Vue.js 的开源前端组件库，版本号 2.15.14 表示这是它的一个特定更新版本。这个版本可能包含了错误修复、性能优化、新功能添加或者对现有组件的改进。Element UI 提供了一系列美观、易用且...

element-ui@2.15.7.zip

11-28

- `lib` 目录：包含了编译后的 CSS 和 JavaScript 文件，用于在项目中引入 Element UI 组件。 - `css` 子目录：CSS 样式文件，如 `element.css` 和 `element.min.css`，以及对应的变量文件 `element-variables.css`...

vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘时报错，新版本ElementUI

zfldongcidaci的博客

04-01

1万+

报错信息：in …/node_modules/_element-ui@2.13.0@element-ui/lib/theme-chalk/index.css 原代码： `import Vue from ‘vue’ import App from ‘./App.vue’ import router from ‘./router’ //引入element-ui import ElemeentUI fr...

【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js

行云流水剑的博客

04-24

7755

问题描述在vue项目的main.js中使用Element UI时会出现报错 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) });

element ui 引入css,element-ui引入方式、自定义主题

weixin_39641697的博客

08-03

6328

1. element-ui组件引入方式：1)完整引入在 main.js 中写入以下内容：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';//引入全部的样式Vue.use(ElementUI);2)按需引入借助插件，无需再引入'element...

Element UI 安装报错：this dependency was not found：‘element-ui/lib/theme-chalk/index.css‘

qq_58519519的博客

02-25

1422

报错：解决方法： import 'element-ui/lib/theme-default/index.css' 改为 import 'element-ui/lib/theme-chalk/index.css'

学习笔记——Vue项目Failed to Compile编译错误

qq_41339126的博客

02-09

8218

vue项目编译过程中经常出现莫名其妙的错误。

element-ui引入css存在的问题

Lschange的博客

05-24

1万+

正常我们用vue-cli开发项目，可选择的插件很多，例如vux、iview、element-ui等等今天说下element-ui的安装以及使用命令行安装：npm i element-ui -S然后在main的js中引入以及注册就可以使用了（全局注册）import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/ind...

Vue实现登录功能

最新发布

qq_47296476的博客

11-07

228

总体来说，这段代码主要负责处理用户登录成功后的一系列操作，包括权限控制、路由跳转、消息提示和加载状态管理。方法用于获取有当前用户权限标识的路由数组，并进行对原路由的替换。方法用于设置递归过滤有权限的路由到 Pinia 的 routesList 中，并缓存多级嵌套数组处理后的一维数组。方法中创建的加载状态元素包含了一组加载动画的 HTML 结构，通过设置不同的类名和样式来展示加载效果。方法中，将创建的加载状态元素插入到页面的顶部，显示加载状态。这些方法共同实现了前端控制路由的权限管理和动态路由添加的功能。

vue element-ui/lib/theme-chalk/index.css webpack

12-08

根据提供的引用内容，可以得知在Vue2.0中引用element-ui组件库需要引入样式文件，并且如果出现报错可以在webpack.config.js中配置file_loader。如果仍然出现问题，可以在项目根目录下的build->webpack.dev.conf.js中将usePostCSS改为false即可。关于Vue、element-ui/lib/theme-chalk/index.css和webpack的介绍和演示如下： Vue是一套用于构建用户界面的渐进式框架，它的核心库只关注视图层，易于上手，同时也便于与第三方库或既有项目整合。Vue也提供了一套完整的工具链，包括构建工具、脚手架、路由、状态管理等，可以帮助开发者更好地构建大型单页应用。 element-ui是一套基于Vue2.0的组件库，它提供了丰富的UI组件，包括表单、弹窗、导航、布局等，可以帮助开发者快速构建美观、易用的Web应用。 webpack是一个现代化的JavaScript应用程序静态模块打包器，它可以将多个模块打包成一个文件，以便在浏览器中使用。webpack支持各种各样的模块类型，包括CommonJS、AMD、ES6等，还可以通过loader和plugin扩展其功能。演示如下： 1.在Vue项目中引入element-ui组件库 ```javascript // 引入element-ui样式文件 import 'element-ui/lib/theme-chalk/index.css'; // 引入element-ui组件库 import ElementUI from 'element-ui'; // 使用element-ui组件库 Vue.use(ElementUI); ``` 2.在webpack.config.js中配置file_loader ```javascript module.exports = { module: { rules: [ { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'file-loader', options: { name: utils.assetsPath('img/[name].[hash:7].[ext]') } } ] } } ``` 3.在build->webpack.dev.conf.js中将usePostCSS改为false ```javascript module.exports = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: false }) } }) ```