bounty将在6天后过期。回答此问题可获得+50的声誉奖励。dongrixinyu正在寻找来自声誉良好来源的答案。
这是我的vue项目，错误是这样发生的：
- git clone https://github.com/dongrixinyu/JioNLP_online [我已经把我的分支推到了公共github上]
- cd JioNLP_联机&& npm运行服务
1.现在我们已经用ip和端口启动了本地前端服务器
1.打开浏览器粘贴http://ip:port/lecture/lecture_home_page，你可以看到下面的网页，左边的导航部分是空的。
另外，控制台打印的错误是这样的：
错误的元素是这样的
5，reopen an empty tab page and open http://ip:port/jionlp_online , and then jump from this link to the 【NLP教程】navigation bar. now we can see the correct rendering of the navigation part like below:
元素现在正确，如下所示：
关键问题是直接打开链接http://ip:port/lecture/lecture_home_page可能会导致导航渲染失败错误。
对应的VUE组件代码是LectureNavigation.vue：
在mounted方法中从我的公共后端服务器请求相应的导航内容。
这个虫子已经把我弄糊涂了一个月左右。
有人能帮我查一下吗？非常感谢！！！
1条答案
按热度按时间gr8qqesn1#
您的问题源于软件包不兼容。
您使用的是
vue@3+@vue/composition-api@1。除此之外，您还遇到了一些掉毛和打字错误以及一些缺少的依赖项。为了保存时间，我创建了一个新的Vue 3项目（包含typescript、vuex和router），并将您的组件和文件夹复制/粘贴到其中。我添加了缺失的依赖项，并修复了一系列的linting和ts错误。
当服务时，我总是在导航到
/lecture/lecture_home_page时得到侧边栏：PR-ed here.阅读注解。
花些时间阅读（并修复）控制台中的所有Vue警告。其中一些是重要的。