vuejs3 - 升级到 VueJs3 、 Vuex4 、 VueCli4.5 、 VueRouter4 后运行 vue 项目出现问题

Question

我将所有与 vue 相关的工具都更新到了最新版本。现在我遇到了一些问题。我的 __index.js：

import Vue from 'vue'

import VueRouter from 'vue-router'
import Vuex from 'vuex'

Vue.use(VueRouter)
Vue.use(Vuex)

  
import diary from './diary.vue';

  new Vue( {

    created:function(){
    // Rest of the code

当我运行时npm run dev，出现以下错误：

在“vue”中找不到导出“默认”（导入为“Vue”）（可能的导出：BaseTransition、Comment、Fragment、KeepAlive、Static、Suspense、Teleport、Text、Transition、TransitionGroup、callWithAsyncErrorHandling、callWithErrorHandling、camelize、大写、 cloneVNode，compatUtils，编译，计算，createApp，createBlock，createCommentVNode，createHydrationRenderer，createRenderer，createSSRApp，createSlots，createStaticVNode，createTextVNode，createVNode，customRef，defineAsyncComponent，defineComponent，defineEmit，defineEmits，defineExpose，defineProps，devtools，getCurrentInstance，getTransitionRawChildren，h，处理错误，水合物，initCustomFormatter，注入，isProxy，isReactive，isReadonly，isRef，isRuntimeOnly，isVNode，markRaw，mergeDefaults，mergeProps，nextTick，onActivated，onBeforeMount，onBeforeUnmount，onBeforeUpdate，onDeactivated，onErrorCaptured，onMounted，onRenderTracked，onRenderTriggered，onServerPrefetch，onUnmounted，onUpdated，openBlock，popScopeId，provide，proxyRefs，pushScopeId，queuePostFlushCb，reactive，readonly，ref，registerRuntimeCompiler，render，renderList，renderSlot，resolveComponent，resolveDirective，resolveDynamicComponent， resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useContext, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, withAsyncContext, withCtx,withDefaults, withDirectives, withKeys, withModifiers, withScopeId)

./hoomanco/front-userpanel/__index.js 中的警告

在“vue-router”中找不到导出“默认”（导入为“VueRouter”）（可能的导出：NavigationFailureType、RouterLink、RouterView、START_LOCATION、createMemoryHistory、createRouter、createRouterMatcher、createWebHashHistory、createWebHistory、isNavigationFailure、matchedRouteKey、onBeforeRouteLeave、onBeforeRouteUpdate、 parseQuery, routeLocationKey, routerKey, routerViewLocationKey, stringifyQuery, useLink, useRoute, useRouter, viewDepthKey)

标签： vuejs3