无法从位于同一目录中的脚本解析从 index.ts 的导入

Question

我正在开发一个用 TypeScript 2 编写的 angular 2 项目，我目前正面临导入机制的问题。

我项目的每个子文件夹里面都有一个“index.ts”文件，即导出该文件夹包含的类。

所以，在我的“app”目录中， 我有

• app.component.ts
• app.module.ts
• app.routes.ts

然后，一个 index.ts 文件包含：

export * from './app.component';
export * from './app.module';
export * from './app.routes';

我的问题是我无法从位于同一目录中的文件导入导出的类。

例如，在我的 app.module.ts 中，我想导入应用组件。 如果我这样做：

import { AppComponent } from './app.component';

一切正常！在编译时和运行时没有错误。生活很酷，生活很美好。

但我无法做到以下几点：

import { AppComponent } from '.'; // or './', or even './index'

IDE (Visual Studio) 实际上正确解析了导入（编译时没有错误）。我什至可以从 Intellisence 获得自动完成功能...

但我在运行时收到此错误：

 Error: Unexpected value 'undefined' imported by the module 'AppModule'

我就是不知道为什么。

注意：从子文件夹的 index.ts 导入没有任何错误（例如，我可以从也有索引的 './core' 导入）。

提前谢谢你:)

Answer 1

我正好有same issue。

你似乎有循环依赖。

当你写这个时：

import { AppComponent } from '.';

解析器转到 index.ts 并看到：

export * from './app.component';

然后它转到./app.component 并看到：

import { AppComponent } from '.';

所以它转到index.ts 并看到：

export * from './app.component';

等等等等……

奇怪的是你没有收到任何警告，而且，根据加载程序，它实际上可能第二次正确解析（所以第一次你得到未定义但在随后的调用中它正确解析） - 我已经花了 4小时，因为远不那么明显的循环依赖。我强烈认为 typescript 应该对这些事情提出警告，因为它是一个适当的蠕虫罐头。

Answer 2

为避免循环依赖，请不要：

import { SomeClass } from './path/to/index';

直接使用文件路径：

import { SomeClass } from './path/to/some-class';

这不适用于您从 node_modules 导入的模块。

Answer 3

这可能是更清晰的错误消息。你安装了resharper吗？你能禁用它再试一次吗？

如果是 resharper 错误，请在 Resharper 选项中设置 Typescript 的版本。

我有一个 9.x 版本的 resharper，它只让我使用 Typescript 1.6。我必须更新到 10.x 才能到 2.0。