Error: Assertion Failed: You must provide one or more parameters to the link-to component

Error: Assertion Failed: You must provide one or more parameters to the link-to component

我正在关注 emberjs tutorial,但在添加 <LinkTo> 标签时出现错误。我不确定这意味着什么,因为我找不到任何文档,我需要做些什么才能正确构建这个标签。

我需要做什么才能正确构建它?它不会在页面上呈现。

这是我的环境:

ember-cli: 3.6.1

node: 13.12.0

os: darwin x64

这是控制台中的错误:

Error: Assertion Failed: You must provide one or more parameters to the link-to component.

这里是相关的代码片段

app/templates/index.hbs

<div class="jumbo">
  <div class="right tomster"></div>
  <h2>Welcome to Super Rentals!</h2>
  <p>We hope you find exactly what you're looking for in a place to stay.</p>
  <LinkTo @route="about">About</LinkTo>
</div>

app/router.js

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

export default class Router extends EmberRouter {
  location = config.locationType;
  rootURL = config.rootURL;
}

Router.map(function() {
  this.route('about');
});

您的调用语法正确。但是,您指的是最新版本 Ember 的指南,而您已经安装了 Ember 3.6 版。您可以将 ember 版本升级到最新版本,或者如果您想坚持使用 3.6,则 here goes the guide 为 3.6。

实际错误是由于 Built-In 组件的真正尖括号组件调用样式只是 landed on Ember version 3.10. 所以,您的 Ember 版本必须是 => 3.10 才能工作。

这是一个 twiddle,它演示了使用 Ember 版本 3.17

LinkTo 组件的用法