vue项目引入element-ui组件出现问题

用vue脚手架构建了一个项目,8080访问首页成功后想要继续引入element-ui文件,页面报错(报错信息即下图),不知道哪边出了问题,引入的方式是用的网上的方法,在components文件夹下新建test.vue,粘贴了一段时间控件代码进去,然后再app.vue中引入,main.js也做了相应的配置

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

clipboard.png

阅读 3.1k
1 个回答

Component template should contain exactly one root element

报错信息已经说的很清楚了,只能有一个根节点,除非是使用了v-if与v-else-if。

稍微改下既可,把两个div放到一个div中:

<section>
    <div class="block">
        <!-- some code -->
    </div>
    <div class="block">
        <!-- some code -->
    </div>
</section>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题