ERROR Failed to compile with 1 error 17:36:58 error in ./src/views/test3.vue?vue&type=template&id=d99bc892&scoped=true& Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Errors compiling template: 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. 2 | <div> 3 | <h1>{{ key }}</h1> 4 | </div> | 5 | <hr /> | ^^^^^^ 6 | <div> | ^^^^^ 7 | <div class="jqzoom"><img src="jqzoom/images/me_small.jpg" alt="scarpa" jqimg="jqzoom/images/me_big.jpg"></div> | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 8 | <div style="clear: both;"></div> | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 9 | </div> | ^^^^^^ 10 | <hr /> | ^^^^^^ @ ./src/views/test3.vue?vue&type=template&id=d99bc892&scoped=true& 1:0-510 1:0-510 @ ./src/views/test3.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.235.141:7000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
时间: 2023-08-03 17:09:04 浏览: 1155
JS_V1.1.7_7_20230821_1909b.apk
这是一个编译错误,提示在编译 src/views/test3.vue 文件时出现了问题。错误的原因是模板中包含了多个根元素,但是组件模板应该只包含一个根元素。你需要将模板中的多个根元素合并成一个根元素,或者使用 v-if 和 v-else-if 来组织模板。在这个例子中,你可以将第 5 行和第 10 行的 `<hr />` 标签放到一个根元素中,例如一个 `<div>` 标签中,然后再编译程序。
阅读全文