runtime-core.esm-bundler.js:41 [Vue warn]: Unhandled error during execution of beforeMount hook at <App> warn @ runtime-core.esm-bundler.js:41 logError @ runtime-core.esm-bundler.js:216 handleError @ runtime-core.esm-bundler.js:208 callWithErrorHandling @ runtime-core.esm-bundler.js:160 callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:166 hook.__weh.hook.__weh @ runtime-core.esm-bundler.js:2655 invokeArrayFns @ shared.esm-bundler.js:77 componentUpdateFn @ runtime-core.esm-bundler.js:5657 run @ reactivity.esm-bundler.js:178 instance.update @ runtime-core.esm-bundler.js:5814 setupRenderEffect @ runtime-core.esm-bundler.js:5822 mountComponent @ runtime-core.esm-bundler.js:5612 processComponent @ runtime-core.esm-bundler.js:5565 patch @ runtime-core.esm-bundler.js:5040 render @ runtime-core.esm-bundler.js:6332 mount @ runtime-core.esm-bundler.js:3824 app.mount @ runtime-dom.esm-bundler.js:1431 eval @ main.js:7 ./src/main.js @ app.js:85 __webpack_require__ @ app.js:359 (匿名) @ app.js:1539 __webpack_require__.O @ app.js:405 (匿名) @ app.js:1540 (匿名) @ app.js:1542 app.js:362 Uncaught TypeError: (0 , _test__WEBPACK_IMPORTED_MODULE_1__.holleTest) is not a function at eval (App.vue:77:1) at eval (runtime-core.esm-bundler.js:2675:1) at callWithErrorHandling (runtime-core.esm-bundler.js:158:1) at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:166:1) at hook.__weh.hook.__weh (runtime-core.esm-bundler.js:2655:1) at invokeArrayFns (shared.esm-bundler.js:77:1) at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5657:1) at ReactiveEffect.run (reactivity.esm-bundler.js:178:1) at instance.update (runtime-core.esm-bundler.js:5814:1) at setupRenderEffect (runtime-core.esm-bundler.js:5822:1)

这个错误提示表明在执行 Vue 组件的 beforeMount 钩子函数时出现了未处理的错误，并且在执行该钩子函数时调用了一个不是函数的对象。

同时，错误提示中也给出了具体的错误信息，即 `holleTest is not a function`，表明在组件的模板中调用了一个名为 `holleTest` 的函数，但是该函数并不存在或者导入错误。

你可以检查一下代码中 `holleTest` 函数的定义和使用是否正确，或者检查一下导入的 `test.js` 文件中是否正确导出了 `holleTest` 函数。如果都没有问题，可以尝试重新编译代码，或者使用调试工具进一步排查问题。

相关问题

ght ReferenceError: onMounted is not defined at setup (App.vue:7:3) at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:25) at setupComponent (runtime-core.esm-bundler.js:7197:36) at mountComponent (runtime-core.esm-bundler.js:5599:7) at processComponent (runtime-core.esm-bundler.js:5565:9) at patch (runtime-core.esm-bundler.js:5040:11) at render2 (runtime-core.esm-bundler.js:6332:7) at mount (runtime-core.esm-bundler.js:3824:13) at app.mount (runtime-dom.esm-bundler.js:1431:19) setup @ App.vue:7 callWithError

这个错误提示是在使用 Vue 3 的时候出现的，它意味着在 App.vue 文件的 <script setup> 标签中使用了一个未定义的函数 onMounted。

在 Vue 3 中，onMounted 是一个需要从 @vue/runtime-core 模块中导入的函数，你需要在代码的开头添加以下导入语句：

<script setup>
  import { onMounted } from '@vue/runtime-core';

  onMounted(() => {
    const video = document.getElementById('myVideo');
    video.style.display = 'block';
  });
</script>

这样，你就可以正确地使用 onMounted 函数了。在这里，onMounted 的作用是在组件被挂载到 DOM 树上后立即执行一些代码，这里是将视频元素的 display 样式设为 block，使其显示出来。

not defined at setup (App.vue:35:1) at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:25) at setupComponent (runtime-core.esm-bundler.js:7197:36) at mountComponent (runtime-core.esm-bundler.js:5599:7) at processComponent (runtime-core.esm-bundler.js:5565:9) at patch (runtime-core.esm-bundler.js:5040:11) at render2 (runtime-core.esm-bundler.js:6332:7) at mount (runtime-core.esm-bundler.js:3824:13) at app.mount (runtime-dom.esm-bundler.js:1431:19)

这个错误通常是因为在代码中使用了未定义的变量或函数。在你的代码中，错误出现在 App.vue 文件的第35行。这意味着你在该文件中的某个地方使用了一个未定义的变量或函数。

你需要检查代码中的所有变量和函数，确保它们都已经定义。如果你使用了外部库或组件，请确保它们已经正确导入。

另外，你也可以在代码中添加一些调试语句，例如 console.log() 来找出错误出现的位置和原因。这样可以帮助你更快地找到并解决问题。

以下是一些示例代码，可以帮助你更好地理解如何解决这个问题：

<template>
  <div>
    <form>
      <input v-model="form.username" type="text" placeholder="Username" />
      <input v-model="form.password" type="password" placeholder="Password" />
      <button @click.prevent="login">Login</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: { username: '', password: '' }
    }
  },
  methods: {
    login() {
      console.log('Login button clicked!');
      // Login logic here
    }
  }
}
</script>

在这个示例代码中，我们添加了一个 console.log() 语句来调试 login() 方法，以便找出出现错误的原因。