です。エラー：このファイルタイプを処理するために適切なローダーが必要な場合があります。

Question

私は反応が新しく、これを機にマシンの反応環境を設定しました。

npm install -g create-react-app 
create-react-app myapp 
cd myapp 
npm start 

これは完全にうまく動作し、アプリは完全に始まります。私は作成されたsrcファイルの中にいくつかのテストコンポーネントを作成しました。 しかし、私はsrcファイルの外にディレクトリを作成し、そこに私のコンポーネントがsrc内で正常に動作していた私の.jsファイルを追加すると、私はこのエラーを受け取ります。

Failed to compile. 

Error in ./components/test.js 
Module parse failed: /Users/foo/test/myapp/components/login.js Unexpected token (22:6) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (22:6) 
@ ./src/index.js 15:13-43 

コンポーネントは、コンポーネントディレクトリ内のtest.js内にあります。ここにディレクトリ構造があります。

README.md 
components/ 
    test.js 

node_modules 
package.json 
public/ 
    index.html 
src/ 
    App.css 
    App.js 
    App.test.js 
    index.css 
    index.js 
    login.js 
    logo.svg 

ルート要素は

Answer 1

あなたのスクリプトは常にすべてのスクリプトファイルが内に配置されているのWebPACKの慣例に従うべきtest.jsの成分とDOMをレンダリングしたindex.htmlとindex.js内側にあります'src'ディレクトリ。以下のようになりますあなたのプロジェクトディレクトリとして離れて、このフォルダ構造から逸脱したいとは思わないでしょう。

[SRC]

• [フォルダ]コンポーネント
  • ヘッダ
    • header.js
    • header.css
  • login.js
• [フォルダ]コンテナ
• [フォルダ】あるいは、これはフォルダ*
• 格納することができる*
• [フォルダ]アクション
• routes.jsを減速。 JS
• app.js

これがあるだけでofcourseの 例。