Question

我正在将VuePress（^1.0.3）用于附带项目，并且设置相当简单。我不确定何时开始进行此操作，目前<router-link>元素不会呈现为<a>标签，而是显示为<div>（无链接功能/交互性）。您可以在这里看到问题所在，例如，在底部菜单栏中的项目（或应单击的空格“ 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

我提取了相关代码，以防万一我无法解决您的问题，并且您需要再次将您的回购设置为私有。

我无法成功运行您的存储库，并且出现很多错误，因此我不确定这是否行得通。

原始代码：

<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
看看您的依赖关系，导致我在运行yarn install时遇到错误

Answer 2

该解决方案不仅可以通过yarn upgrade进行次要版本更新，而且可以“手动”将VuePress更新为最新版本（1.2.0），从而解决了该问题。

VuePress不呈现`<router-link>`标签

2 个答案: