为何使用ype="text/x-template"后template: "#tp1"会报错？(关键词-代码块)

使用ype="text/x-template"后template: "#tp1"会报错

遇到的现象和发生背景，请写出第一个错误信息

template: "#tp1"报错

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="../js/vue.js">script>
head>
<body>
<p>
    {{massage}},tom
p>
div>

<script id="tp1" type="text/x-template">
    <diV>{{message}},mikediV>
script>
<script>
    const app = Vue.createApp({
        template: "#tp1",
        data() {
            return {
                message: "hello"
            }
        }
    })
    const vm = app.mount("#app")
    console.log(vm.$el)
script>
body>
html>
运行结果及详细报错内容

f12显示Uncaught TypeError: Cannot read properties of undefined (reading '$el')

若对您的问题有帮助，望采纳、
这个错误是由于您在调用 app.mount() 方法时未指定要挂载到哪个元素上。在这种情况下，您应该指定一个元素来挂载应用程序，例如：

app.mount("#app")

其中 "#app" 是要挂载到的元素的 ID。

另外需要注意的是,在template: "#tp1"中,需要使用的模板中的变量名message，和data中声明的message是一致的, 如果不一致,会导致这个错误.

望采纳！！

应该是 vm.$options.el 这样吧？