由于链接未获取href值，canjs中的路由无法正常工作

Question

我是canjs的新手，并遵循canjs网站上的教程。我正在使用webpack创建一个示例canjs页面。

import { Component, stacheRouteHelpers } from "can";

Component.extend({
    tag: "my-app",
    view: `
        <a href="{{ routeUrl(page='home') }}">Home</a>
        <a href="{{ routeUrl(page='tasks') }}">Tasks</a>
    `,
    ViewModel: {
    }
});

当我在页面上看到时，它并没有路由到家中。实际的href值不会出现在下面的输出中。

<a href="">Home</a>

控制台显示以下警告

MyAppView:3: Unable to find key "routeUrl()".

Answer 1

就像贾斯汀（Justin）所说，我认为webpack令人震惊stacheRouteHelpers。

我认为您可以通过执行以下操作来解决the issue：

import { Component, stache, stacheRouteHelpers } from "can";

stache.addHelper(stacheRouteHelpers);