zoukankan      html  css  js  c++  java
  • - Component template should contain exactly one root element

    1、错误描述

     ERROR  Failed to compile with 1 errors                                                                                                                                                                                        17:59:34
    
    
     error  in ./src/components/Muse.vue
    
    (Emitted value instead of an instance of Error)
      Error compiling template:
    
      <mu-button class="demo-color-btn" color="primary">AAAA</mu-button>
      <mu-button class="demo-color-btn" color="success">BBBB</mu-button>
      <mu-button class="demo-color-btn" color="indigo400">CCCC</mu-button>
      <mu-button class="demo-color-btn" color="#156956">DDDD</mu-button>
    
      - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
    
    
     @ ./src/components/Muse.vue 11:0-360
     @ ./src/router/index.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

    2、错误原因

          在使用muse-ui组件时,插入几个按钮,但是没有根节点元素

     <mu-button class="demo-color-btn" color="primary">AAAA</mu-button>
     <mu-button class="demo-color-btn" color="success">BBBB</mu-button>
     <mu-button class="demo-color-btn" color="indigo400">CCCC</mu-button>
     <mu-button class="demo-color-btn" color="#156956">DDDD</mu-button>

    3、解决办法

          需要在这几个按钮的外层添加一个元素作为根节点

     <div>
        <mu-button class="demo-color-btn" color="primary">AAAA</mu-button>
        <mu-button class="demo-color-btn" color="success">BBBB</mu-button>
        <mu-button class="demo-color-btn" color="indigo400">CCCC</mu-button>
        <mu-button class="demo-color-btn" color="#156956">DDDD</mu-button>
      </div>
  • 相关阅读:
    MySQL/MariaDB数据库的各种日志管理
    MySQL/MariaDB数据库的事务和隔离级别
    MySQL/MariaDB数据库的并发控制
    MySQL/MariaDB数据库的索引工作原理和优化
    MySQL/MariaDB数据库的查询缓存优化
    安卓(Android)开发基础知识
    typora快捷键
    理解ECS的概念和Unity中的ECS设计
    UGUI合批原理笔记
    SourceTree下载bitbucket代码
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13313766.html
Copyright © 2011-2022 走看看