【问题标题】:Import {} from location is not found in VS Code using TypeScript and Angular 2使用 TypeScript 和 Angular 2 在 VS Code 中找不到从位置导入 {}
【发布时间】:2015-06-13 16:43:34
【问题描述】:

我正在试用新的 Angular 2 Forms。我的导入语句如下:

import {bootstrap, onChange, NgIf, Component, Directive, View, Ancestor} from 'angular2/angular2';
import {formDirectives, NgControl, Validators, NgForm} from 'angular2/forms';

import {RegExpWrapper, print, isPresent} from 'angular2/src/facade/lang';

import {reflector} from 'angular2/src/reflection/reflection';
import {ReflectionCapabilities} from 'angular2/src/reflection/reflection_capabilities';

“angular2/angular2”解析良好,但其他“from”位置均未解析。错误是:

找不到模块“angular2/forms”。

所有这些组件目前都在我的node_modules 目录中。如果我输入完整路径:

import {formDirectives, ControlDirective, Validators, TemplateDrivenFormDirective} from 'C:/Users/Deb/node_modules/angular2/forms';

然后就可以了。但是,我不需要使用完整路径。设置 tsconfig 时是否遗漏了某些内容,或者还有其他问题?

【问题讨论】:

  • 您使用的是哪种模块加载器? System.js、Webpack 等?可以在此处设置模块的短路径。
  • 如果有帮助,这里有一些工作的 angular2 样板:tryangular2.com/category/Boilerplate
  • 我正在使用新的 Visual Studio Code 编辑器,所以假设它是某个地方的设置?
  • @DeborahK 你缺少的是 angular2 表单的.d.ts 文件,当我在玩它时,我创建了一个我需要的垫片,基本上使你需要导入的所有东西都是类型any 你应该没问题(当然,一旦你引用它)
  • 好的。我添加了 forms.d.ts 文件并设置了一个定义其位置的参考路径。仍然遇到同样的问题:“找不到外部模块 angular2/forms”

标签: visual-studio-code angular typescript1.5


【解决方案1】:

问题是示例应用程序与当前可供下载的 Angular 2 版本不匹配。

如果有人感兴趣,我现在有一个使用 TypeScript 和 Visual Studio Code 的 Angular2 表单的工作示例:

https://github.com/DeborahK/AngularU2015-Angular2Forms

希望这对站在“流血边缘”的其他人有所帮助。

【讨论】:

  • 嗨。我看了你的样品。这可能会再次改变,因为我不再看到 ng-control 指令了。
猜你喜欢
  • 2016-01-30
  • 2019-08-08
  • 2021-05-31
  • 2016-09-12
  • 2015-10-11
  • 1970-01-01
  • 2016-07-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多