jsxへのReact File命名規則

私は新しい反応があります。最初はcreate-react-appを使い始めました。ファイル名はデフォルトでindex.jsでした。その後、ファイルの名前をindex.jsxに変更しました。jsxへのReact File命名規則

npm startを使用してアプリケーションを起動しようとすると、以下のエラーが発生します。

> react-scripts start 

Could not find a required file. 
    Name: index.js 
    Searched in: D:\WorkSpace\React\chat\src 

npm ERR! Windows_NT 6.1.7601 
npm ERR! argv "D:\\Applns\\nodejs\\node.exe" "D:\\Applns\\nodejs\\node_modules\\ 
npm\\bin\\npm-cli.js" "start" 
npm ERR! node v6.10.0 
npm ERR! npm v3.10.10 
npm ERR! code ELIFECYCLE 
npm ERR! [email protected] start: `react-scripts start` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the [email protected] start script 'react-scripts start'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the chat package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system:

これを解決する方法。 jsxファイルを取得するノードを作成するにはどうすればよいですか。

出典

2017-05-01 Shamnad P S

その拡張子のファイルが別のファイルによってインポートされています。拡張機能が変更されたため、検索が失敗します。また、Reactはファイルが.jsxである必要はありません。だから、単にファイル拡張子を切り替えるだけで、うまくいくはずです。私はcreate-react-appを一度も使用していませんが、.jsxと動作させたくない場合は、その上にいくつかの追加設定を行う必要があります。私はこれについてのドキュメントをチェックアウトしたいと思います。あなたは追加の設定が必要 -

出典

2017-05-01 02:01:54

ReactJSコンポーネントを.jsxのファイルに右にする必要がありますか？標準として？ –

それは要件ではありませんが、一部の人々はそれを好む。他の人は、 'jsx'変換は、ブラウザ上で実行可能な有効なjavascriptにするためにファイル上で起こる変換のうちの1つに過ぎないので、ファイルの名前を変更するのは意味がありません。私は個人的にどちらの方法でも強い感情を持っていませんが、通常は '.js'ファイルだけで済むので、' jsx'構文を追加する必要がある場合は後で変更する必要はありません。 –

ではなく、私が作成-EACTアプリ

出典

2017-05-01 04:42:52

ReactJSコンポーネントは.jsxファイルに存在する必要がありますか？標準として？ –

create-react-appを使用している場合は不要です –

を@KeithAは、前述のように使用してMと、それはproperply動作しますindex.jsxのindex.jsの名前を変更します。あなたにresolveオブジェクトにwebpack.config.js：

resolve: { 
///...some other configurations will go here ... 

    extensions: [ "", ".js", ".jsx" ] 
},

出典

2017-05-01 12:07:26 kurumkan

答えて

関連する問題