2017-08-26 21 views
-1

私はangularjs2でredditアプリケーションを試しています。angularjs2でエラーを取得する

エラーを取得:D:/アンギュラ2/SimpleReddit/srcに/アプリ/コンポーネント/ Redditに/ reddit.component.ts(9,13):名前を見つけることができません '記事'

enter image description here

ここに私のフォルダ構造は

です。 enter image description here

Reddit.component.ts

enter image description here

いずれかがこの上で私を助けることができます?

答えて

1

最初のファイル、あなたは

import { Articles } from '../articles'; // Make sure the path is according to what you have in the project structure 
を使用したいクラスをインポートする必要があります

プロジェクトの構造に基づいて、Articlesというクラスがないようです。 アドバイスの一部ですが、Articlesの代わりにクラス名を指定する場合は、Articleという名前を付けてください。単数形を使用する方が良いです。

articles: Article[]; 

だからあなたがする必要があるかもしれないものarticle.tsexport class Article { // your properties }と呼ばれるあなたのArticleディレクトリの下に新しいファイルを作成し、上記の例のように、それを含めることです。だから、9行は次のようになります。

+0

私は{./app/component/Article/article.component 'からimport {Articles}のような完全なパスを与えてください。 – JMR

+0

これは正しい方法ですか? – JMR

+0

'../ Article/article.component 'からの' import {Articles} '' Reddit.component.ts'ファイル内で使用している場合は十分です。 – moonflare

1

typescriptコンパイラではこの変数の型を使用できないため、クラス記事をコンポーネントにインポートしていません。

クラスをインポートするimport文を追加します。

import { Articles } from './articles'; 

記事へのパスを調整してそれに応じて、すべての

+0

「{./app/component/Article/article.component」からインポート{記事}のような完全なパスを与える必要があります。 – JMR

+1

パスは、現在のファイルの場所との相対パスである必要があります。したがって、クラスがアーティクルコンポーネントファイル内のArticleフォルダ内にある場合、パスは '../Article/article.component' – hagner

+0

このトピックの詳細については、typescriptのモジュールに関する基本情報を参照してください。ドキュメントはかなり良いです:https://www.typescriptlang.org/docs/handbook/modules.html – glenn

関連する問題