2017-06-24 5 views
0

私はreactJSにかなり新しく、明確化を探しています。私は、いくつかのコンポーネントとユーティリティJavaScriptファイルを含むかなり単純なreactJSアプリケーションを持っていて、各コンポーネントから呼び出せるようにする機能が含まれています。reactjsファイル構造の明確化

マイutil.jsファイルには、次のようなものになります。

export function printMe(txtToPrint){ 
    console.log(txtToPrint); 
} 
export function addUs(a,b){ 
    return a + b; 
} 

を私ComponentAは次のようなものになります。

import React, {Component} from 'react'; 
import {printMe, addUs} from './util'; 
... 

を、私のフォルダ構造は次のようになります。

/src 
/src/components/componentA/componentA.js 
/src/util.js 

アプリケーションを実行すると、エラーが表示されます。

Module not found: './util' 'src/components/componentsA' 

しかし、私はこのように見えるようにcomponentAにimport文を変更します。

import React, {Component} from 'react'; 
import {printMe, addUs} from '../../util'; 

すべてが動作します。私は印象の下にいた/ srcの場所です。それは事実ではありませんか?

答えて

2

URLは、宣言されているファイルからの相対パスです。

あなたはcomponentA.jsの中にいる場合:

./はcomponentAフォルダ内に、

../は、コンポーネントフォルダ内に、

../../は、srcフォルダ内にあるされています。だからこそ、この作品は

これを確認してください詳細情報:https://webpack.github.io/docs/resolving.html#resolving-a-relative-path