场景
如图,vue项目的node_modules下载顺利,启动也顺利,但是访问却为空白页面
虽然页面是空白,但是通过浏览器控制台可以看出并非简单的空白,确实有不兼容问题在里面
分析问题
从上图浏览器控制台可以看出,报错的是与element-ui有关,关于element-ui学过的人应该知道,这个框架只适合vue2,若要在vue3中使用得是element-ui plus,因此可以尝试切换vue版本试试。
问题解决步骤
1.查看当前项目vue版本
执行npm list vue,结果如图查询到当前项目下vue版本为3
2.切换Vue版本
执行 命令 npm uninstall vue 卸载当前项目vue版本
再执行 命令 npm install vue@2.6.14 安装vue2
如图
3.重新下载库并启动
手动删掉node_modules与package-lock.json 并重新执行 npm i 下载所需库,再启动项目。如图,启动项目后控制台不再报错,页面也不再是空白了。
结语
原文=》Vue能启动但访问空白?并报”export ‘default’ (imported as ‘Vue’) was not found in ‘vue’