• 3
  • 新人请关照

Vue在注册Element后依旧报错组件未注册

问题描述

使用vue-cli搭建项目并引入了element-ui,项目运行时无法显示element组件,错误信息显示组件未注册,如下图

错误信息

错误信息

element相关组件已在main.js注册且项目可编译可运行

  • main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
  • 编译结果

编译结果

  • 运行结果

运行结果

问题出现的环境背景

  • 项目目录

目录结构

  • package.json

package.json

  • bable.config.json

bable.config.json

  • 暂未配置vue.config.json

自己尝试过哪些方法

  • 已尝试过在修改bable.config.json的前提下使用按需引入引入element,仍然显示上述错误,推测element未能成功引入

相关代码

页面代码

    <el-from>
        <el-form-item label="用户名">
            <el-input></el-input>
        </el-form-item>
        <el-form-item label="密码">
            <el-input></el-input>
        </el-form-item>
    </el-from>

以上为问题描述
求大神帮忙解答,感激不尽

阅读 146
评论
    1 个回答

    是form 不是 from <el-form>

      撰写回答

      登录后参与交流、获取后续更新提醒