javascript - Ember : "import Route from ' @ember/routing/route';"throws error in Console

Question

我正在关注 Ember Quick Start guide (ember-cli v 2.11)，并按照说明构建玩具应用程序。在“定义路线”部分，说明说要运行命令 ember generate route scientists ，它将路由添加到 router.js并创建一个新的 scientists.js routes 中的文件文件夹。我注意到 scientists.js 中的自动生成代码包括以下内容:

import Route from '@ember/routing/route';

export default Route.extend({
});

说明说，一旦我填写了相应的 scientists带有文本的模板，我应该可以导航到 localhost:4200/scientists并查看(除其他外)我添加到 scientists 的文本模板。但是，当我这样做时，DOM 是空白的，并且控制台包含错误:

Uncaught Error: Could not find module `@ember/routing/route` imported from `ember-quickstart/routes/foobar`
    at missingModule (loader.js:247)
    at findModule (loader.js:258)
    at Module.findDeps (loader.js:168)
    at findModule (loader.js:262)
    at requireModule (loader.js:24)
    at Class._extractDefaultExport (resolver.js:385)
    at Class.resolveOther (resolver.js:82)
    at Class.superWrapper [as resolveOther] (ember-utils.js:437)
    at Class.resolveRoute (resolver.js:304)
    at Class.resolve (resolver.js:141)

根据之前关于 Ember 应用程序的工作，我知道我可以将默认路由内容替换为以下内容:

import Ember from 'ember';

export default Ember.Route.extend({
});

事实上，这确实有效——我看到了我期望看到的内容，控制台中没有错误。

我的问题是，为什么说明没有产生我预期的结果？我觉得我错过了一些基本的东西，但快速入门页面很短，我看不出哪里出错了。

顺便说一句，我也尝试了相同的步骤来生成组件，这导致了相同的控制台错误。

Answer 1

仅从 ember 版本 2.16 开始支持此模块导入。