Bug：elementUI样式不起作用、Vue引入组件报错not found等（Vue+ElementUI问题汇总）

前端问题合集：Vue+ElementUI

前提：

已经安装好elementUI依赖

//安装依赖
npm install element-ui
//main.js中导入依赖并在全局中使用
import ElementUI from 'element-ui'
Vue.use(ElementUI)

如果此时发现element的组件依然没起效果，原因：未引入css样式文件
当前效果：
在这里插入图片描述
预期效果：

解决办法：在main.js中引入css文件

//引入element-ui所提供样式
import ElementUI from 'element-ui'
// element-ui所提供的css样式
import 'element-ui/lib/theme-chalk/index.css'

在这里插入图片描述

在pages文件夹的Register.vue页面中引入components下的RegisterLogo.vue报错：
export ‘xxx‘ was not found in ‘xxx‘或This relative module was not found:‘xxx‘

解决办法：
方法一：观察是否是组件名称、导入方式等错误

RegisterLogo.vue的export default中name字段是否能与Register.vue中的对应上

注意引入路径是否正确，引入时组件是否有在components字段中添加，使用时是否有带反斜线，引入RegisterLogo.vue时，是否有加花括号

方法二：将花括号去掉
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/144996.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！