vue day02 error

shark不沉

已于 2022-04-17 21:35:42 修改

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： vue

于 2022-04-12 14:46:34 首次发布

本文链接：https://blog.csdn.net/qq_50527371/article/details/124119891

在搭建Vue项目的路由时遇到问题，起初未出现明显报错，但后续运行时出现页面空白。问题源于Vue Router版本过高（Vue2与Router4及以上版本不兼容）。解决方案包括使用npm的--legacy-peer-deps标志安装，降级npm版本，或删除node_modules和package-lock.json后再重新安装。若问题不止于此，还有其他可能的错误原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

搭建路由的时候出问题了，但是最后貌似没有报错，我估计是版本兼容的问题，目前项目运行时没问题，也显示安装成功，看看以后使用会不会出问题吧

C:\Users\little_shark\Desktop\project-SPH\app>cnpm install --save vue-router
√ Installed 1 packages
√ Linked 2 latest versions
√ Run 0 scripts
peerDependencies WARNING vue-router@latest requires a peer of vue@^3.2.0 but [email protected] was installed
√ All packages installed (2 packages installed from npm registry, used 1s(network 998ms), speed 320.89KB/s, json 3(112.23KB), tarball 208.02KB, manifests cache hit 0, etag hit 0 / miss 1)

果然有问题了呜呜，我再一次运行发生了页面空白的情况

export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHistory, isNavigationFailure, matchedRouteKey, onBeforeRouteLeave, onBeforeRouteUpdate, parseQuery, routeLocationKey, routerKey, routerViewLocationKey, stringifyQuery, useLink,