2017-05-01 1 views
6

새로운 반응이 있습니다. 처음에는 create-react-app을 사용하기 시작했습니다. 파일 이름은 기본적으로 index.js입니다. 그런 다음 파일 이름을 index.jsx으로 변경했습니다.반응 파일 이름 지정 규칙 jsx

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 파일을 가져 오려면 어떻게해야합니까?

답변

0

해당 확장명의 파일을 다른 파일로 가져 오는 중입니다. 확장이 변경되어 조회가 실패합니다. 또한 React는 파일에 .jsx이 필요하지 않습니다. 따라서 단순히 파일 확장자를 바꾸면 다시 작동합니다. 나는 create-react-app을 한번도 사용하지 않았지만, .jsx으로 작동시키지 않으려면 기본 구성보다 더 많은 추가 구성을해야 할 것입니다. 나는 이것을 위해 문서를 조사 할 것이다. 내가 @KeithA으로 만들-어린애들입니다 사람들을 대피 - 응용 프로그램

+0

ReactJS 구성 요소는 .jsx 파일에 있어야합니다. 표준으로? –

+0

그것은 요구 사항은 아니지만 일부 사람들은 그것을 선호합니다. 다른 사람들은'jsx' 변환은 브라우저에서 실행될 수있는 유효한 자바 스크립트로 만들기 위해 파일에서 발생하는 변환 중 하나 일 뿐이므로 다른 이름으로 파일 이름을 지정하는 것은 의미가 없습니다. 필자는 개인적으로 강한 감정을 가지지 않지만 보통'.js' 파일 만 가지고 있으므로 나중에'jsx' 구문을 추가해야 할 필요가 없도록 변경할 필요가 없습니다. –

0

이름 변경하는 index.js 대신의 언급 - 추가 구성이 필요합니다. 웹 페이지 resolve의 webpack.config.js에서 :

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

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

ReactJS 구성 요소는 .jsx 파일에 있어야합니다. 표준으로? –

+0

create-react-app를 사용하는 경우 필요 없음 –

0

을 사용하고대로 properply 작동 index.jsx