Vue js error: Component template should contain exactly one root element

by

Note This answer only applies to version 2.x of Vue. Version 3 has lifted this restriction.

You have two root elements in your template.

<div class="form-group">
  ...
</div>
<div class="col-md-6">
  ...
</div>

And you need one.

<div>
    <div class="form-group">
      ...
    </div>

    <div class="col-md-6">
      ...
    </div>
</div>

Essentially in Vue you must have only one root element in your templates.

More Related Contents:

  1. Can you force Vue.js to reload/re-render?
  2. how to fix ‘Access to XMLHttpRequest has been blocked by CORS policy’ Redirect is not allowed for a preflight request only one route
  3. Running an Express server middleware alongside Nuxt
  4. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  5. Vue JS returns [__ob__: Observer] data instead of my array of objects
  6. Read a file one line at a time in node.js?
  7. How to properly reuse connection to Mongodb across NodeJs application and modules
  8. Read environment variables in Node.js
  9. Correct way to write loops for promise.
  10. Sequelize model association won’t create a new column
  11. Make several requests to an API that can only handle 20 request a minute
  12. Write / add data in JSON file using Node.js
  13. How to reload or re-render the entire page using AngularJS
  14. Mongoose the Typescript way…?
  15. Why cant I inline call to res.json?
  16. What is the difference between post api call and form submission with post method?
  17. Gulp.js task, return on src?
  18. Calling a Cloud Function from another Cloud Function
  19. What is the node.js equivalent of window[“myvar”] = value?
  20. How to close electron app via javascript?
  21. Top-level await does not work with node 14.13.-
  22. Difference between import X and import * as X in node.js (ES6 / Babel)?
  23. NodeJs : TypeError: require(…) is not a function
  24. How to chain execution of array of functions when every function returns deferred.promise?
  25. How can one get the file path of the caller function in node.js?
  26. How to resolve the Syntax error : await is only valid in async function?
  27. Is there a way to read image metadata using node.js
  28. Nodejs: how to clone an object
  29. How to bind img src to data in Vue
  30. How to use npm modules in browser? is possible to use them even in local (PC)?

Leave a Comment