vue day02 error

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

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

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 vue@2.6.14 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
从提供的引用内容中我们可以看出,这个问题是由于缺少模块引起的。在其中一条引用中提到了一个解决办法,即在node_modules中删除vue-awesome-swiper文件夹。另外,引用提到了另一种解决办法,即降低vue-awesome-swiper的版本。最后,引用中提到了在webpack的配置项中添加一些代码的解决办法。根据这些信息,你可以尝试以下解决步骤: 1. 首先,尝试删除vue-awesome-swiper文件夹。你可以在项目的node_modules目录中找到该文件夹,并将其删除。这有可能解决这个问题。 2. 如果删除文件夹不能解决问题,你可以尝试降低vue-awesome-swiper的版本。你可以在项目的package.json文件中找到vue-awesome-swiper的依赖项,并将其版本号降低。然后运行npm install命令来安装指定版本的vue-awesome-swiper。 3. 另外,你可以尝试根据引用中提到的方法,在webpack的配置项中添加一些代码。你可以使用Ctrl+Alt+S搜索webpack,并选择相关的配置文件,然后在文件中添加相应的代码。这可能有助于解决这个问题。 希望这些解决步骤对你有帮助。如果问题仍然存在,请提供更多的上下文信息,以便我们能够更好地帮助你解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Module not found: Error: Can‘t resolve ‘swiper/vue‘ in ‘D:\前端\Git\Git\Vue\music\node_modules\...](https://blog.csdn.net/weixin_40466655/article/details/131798444)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [基于vue项目设置resolves.alias: @路径并适配webstorm](https://download.csdn.net/download/weixin_38640168/14900878)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值