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

前端问题合集:Vue+ElementUI

1. Vue引用Element-UI时,组件无效果解决方案

前提:

  • 已经安装好elementUI依赖
js 复制代码
//安装依赖
npm install element-ui
//main.js中导入依赖并在全局中使用
import ElementUI from 'element-ui'
Vue.use(ElementUI)

如果此时发现element的组件依然没起效果,原因:未引入css样式文件

当前效果:

预期效果:

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

js 复制代码
//引入element-ui所提供样式
import ElementUI from 'element-ui'
// element-ui所提供的css样式
import 'element-ui/lib/theme-chalk/index.css'
2. Vue引入components报错:export xxx not found

在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时,是否有加花括号

方法二:将花括号去掉

相关推荐
Amd7948 分钟前
Nuxt.js 应用中的 webpack:compiled 事件钩子
前端·webpack·开发·编译·nuxt.js·事件·钩子
生椰拿铁You17 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生28 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap43 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish1 小时前
小程序webview我爱死你了 小程序webview和H5通讯
前端
菜牙买菜1 小时前
让安卓也能玩出Element-Plus的表格效果
前端
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun1 小时前
空间数据存储格式GeoJSON
前端
zhang-zan2 小时前
nodejs操作selenium-webdriver
前端·javascript·selenium