VuePress 不渲染 `<router-link>` 标签

Question

我正在使用 VuePress (^1.0.3) 进行辅助项目，设置相当简单。我不确定这是什么时候开始发生的，目前 <router-link> 元素不会呈现为 <a> 标签，而是显示为 <div>（没有链接 functionality/interactivity）。你可以看到这里出了什么问题，例如在底部的菜单栏项（或应该可以点击的 space 'tiles'）：https://new.coworkberlin.com/

我的 package.json 看起来像：

{
  "scripts": {
    "dev": "vuepress dev .",
    "build": "vuepress build ."
  },
  "devDependencies": {
    "esm": "^3.2.25"
  },
  "dependencies": {
    "@vuepress/plugin-google-analytics": "^1.0.3",
    "@vuepress/plugin-pwa": "^1.0.3",
    "axios": "^0.18.0",
    "node-sass": "^4.11.0",
    "sass-loader": "^7.1.0",
    "vue2-google-maps": "^0.10.6",
    "vuepress": "^1.0.3",
    "vuepress-plugin-sitemap": "^2.1.2"
  }
}

此项目的存储库是 github。com/ldanielswakman/cowork-berlin

有人知道我该如何解决这个问题吗？

Answer 1

我提取相关代码，以防我无法解决你的问题，你需要再次将你的 repo 设为私有。

我无法运行你的回购成功并且有很多错误，所以我不确定这是否有效。

来源代码：

<router-link :to="'/'">
    <i v-if="!isHomePage"></i>
    <h1>
        <img :src="$withBase('/logo.svg')"/>
    </h1>
</router-link>

你可以试试改成：

<router-link to="/">
    <i v-if="!isHomePage"></i>
    <h1>
        <img src="$withBase('/logo.svg')"/>
    </h1>
</router-link>

"" 或 '' 就足够了，你不需要两者都需要。
您也不需要 :，因为 / 不是变量，显然不会改变。

顺便说一句，我也建议你：

更新Vuepress到最新版本，即1.2.0
看看你的依赖项，因为我在运行ning yarn install

Answer 2

解决方案不仅通过 yarn upgrade 进行次要版本更新，而且 'manually' 将 VuePress 更新到最新版本 (1.2.0) — 这解决了问题。

VuePress 不渲染 `<router-link>` 标签

VuePress not rendering `<router-link>` tags

frontend

vue.js

vuepress