"export 'default' was not found in

"export 'default' (imported as 'VueRouter') was not found in 'vue-router'"错误是由于路由组件的问题引起的。根据引用，错误的格式应该是将routes写成router，并且组件名应该是一个字符串格式而不是一个对象。正确的格式应该是将routes写成router，并且组件名应该是一个对象。根据引用，正确的格式应该是将routes写成router，并且组件名应该是一个字符串格式。

此外，还可能是因为版本不兼容导致的问题。如果你使用的是不同版本的vue-router和Vue.js，可能会出现该错误。请确保你使用的vue-router版本与Vue.js版本兼容。

为了解决这个问题，你可以按照正确的格式编写路由组件，并确保使用的vue-router版本与Vue.js版本兼容。

相关问题

WARN "css.modules" option in vue.config.js is deprecated now, please use "css.requireModuleExtension" instead. INFO Starting development server... 98% after emitting CopyPlugin WARNING Compiled with 17 warnings 09:43:57 warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'computed' was not found in 'vue' warning in ./src/router/index.js "export 'default' (imported as 'VueRouter') was not found in 'vue-router' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'defineComponent' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'getCurrentInstance' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'h' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'inject' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'nextTick' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onActivated' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onDeactivated' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'onUnmounted' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'provide' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'reactive' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'ref' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'shallowRef' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'unref' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'watch' was not found in 'vue' warning in ./node_modules/vue-router/dist/vue-router.mjs "export 'watchEffect' was not found in 'vue'这个报错因为什么

这个报错是因为在使用Vue Router时，导入的Vue Router版本与当前项目中的Vue版本不匹配导致的。具体来说，Vue Router中使用了Vue 3的语法而当前项目中使用的是Vue 2，所以会出现一些语法上的错误。解决方法是将Vue Router更新到与当前项目中使用的Vue版本相匹配的版本。

"export "ref was not found in 'vue'

这个错误通常是因为你在 Vue 组件中使用了 ref，但是没有在 Vue 实例中声明该 ref。你需要在 Vue 实例中声明该 ref，例如：

<template>
<div ref="myRef">Hello World</div>
</template>

<script>
export default {
mounted() {
console.log(this.$refs.myRef)
}
}
</script>

这样就可以在 mounted 钩子函数中访问该 ref 了。