一开始照着这篇文章配置 mpvue项目中使用vue-router(pamerely的博客文章)

但是最后执行命令 “npm run dev” 时出现以下错误:在这里插入图片描述
然后找了很久,终于看到这篇文章 基于mpvue创建小程序之mpvue-entry掘坑记(尤其十月的博客文章) 才得以解决以上错误

解决方法:
1.首先第一篇文章中 mpvue-entry 和 mpvue-router-patch 是这样安装的 在这里插入图片描述
2.此处可将第一条安装命令改为第二篇文章中提供的命令在这里插入图片描述
至此问题解决

补充:
一、如果已经安装了 mpvue-entry 的,可以在 package.json文件中将 mpvue-entry 删除在这里插入图片描述
然后执行"npm install"即可删除 mpvue-entry插件
或者直接到 node_modules文件夹中找到 mpvue-entry文件并进行删除

二、
①.使用mpvue-entry管理路由跳转可参考 mpvue中路由管理之mpvue-entry(qq_42559485的博客文章)
注意:该文章中该处不应该仅仅是删除,而应该是改成自己所需引用的.vue文件(eg:pages/index/index)在这里插入图片描述
②.在 mpvue 中使用 vue-router 兼容的路由写法,即mpvue-router-patch
可参考 https://www.npmjs.com/package/mpvue-router-patch

Logo

前往低代码交流专区

更多推荐