私はangularjs2でredditアプリケーションを試しています。angularjs2でエラーを取得する
エラーを取得:D:/アンギュラ2/SimpleReddit/srcに/アプリ/コンポーネント/ Redditに/ reddit.component.ts(9,13):名前を見つけることができません '記事'
ここに私のフォルダ構造は
Reddit.component.ts
いずれかがこの上で私を助けることができます?
私はangularjs2でredditアプリケーションを試しています。angularjs2でエラーを取得する
エラーを取得:D:/アンギュラ2/SimpleReddit/srcに/アプリ/コンポーネント/ Redditに/ reddit.component.ts(9,13):名前を見つけることができません '記事'
ここに私のフォルダ構造は
Reddit.component.ts
いずれかがこの上で私を助けることができます?
最初のファイル、あなたは
import { Articles } from '../articles'; // Make sure the path is according to what you have in the project structure
を使用したいクラスをインポートする必要があります
プロジェクトの構造に基づいて、Articles
というクラスがないようです。 アドバイスの一部ですが、Articles
の代わりにクラス名を指定する場合は、Article
という名前を付けてください。単数形を使用する方が良いです。
articles: Article[];
だからあなたがする必要があるかもしれないものarticle.ts
とexport class Article { // your properties }
と呼ばれるあなたのArticle
ディレクトリの下に新しいファイルを作成し、上記の例のように、それを含めることです。だから、9行は次のようになります。
typescriptコンパイラではこの変数の型を使用できないため、クラス記事をコンポーネントにインポートしていません。
クラスをインポートするimport文を追加します。
import { Articles } from './articles';
記事へのパスを調整してそれに応じて、すべての
「{./app/component/Article/article.component」からインポート{記事}のような完全なパスを与える必要があります。 – JMR
パスは、現在のファイルの場所との相対パスである必要があります。したがって、クラスがアーティクルコンポーネントファイル内のArticleフォルダ内にある場合、パスは '../Article/article.component' – hagner
このトピックの詳細については、typescriptのモジュールに関する基本情報を参照してください。ドキュメントはかなり良いです:https://www.typescriptlang.org/docs/handbook/modules.html – glenn
私は{./app/component/Article/article.component 'からimport {Articles}のような完全なパスを与えてください。 – JMR
これは正しい方法ですか? – JMR
'../ Article/article.component 'からの' import {Articles} '' Reddit.component.ts'ファイル内で使用している場合は十分です。 – moonflare