2017-05-01 20 views
6

Yeniden yayınlamak için yeni. Başlangıçta create-react-app'u kullanmaya başladım. Dosya adları varsayılan olarak index.js idi. Sonra dosyayı index.jsx olarak yeniden adlandırdım.React Dosya adlandırma kuralı jsx

Uygulamayı npm start kullanarak başlatmaya çalıştığımda aşağıdaki hatayı alıyorum.

> 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: 

Bu sorun nasıl giderilir. Jsx dosyasını almak için nasıl düğüm yapabilirim.

cevap

0

Bu uzantıya sahip bir dosya başka bir dosya tarafından içe aktarılıyor. Uzantı değişti, böylece arama başarısız olur. Ayrıca, React dosyalarının çalışması için .jsx'a ihtiyaç duymaz. Yani sadece basitçe dosya uzantısını değiştirerek çalışmalı. create-react-app'u hiç kullanmadım, ancak .jsx ile çalışmayacaksanız, büyük ihtimalle varsayılan yapılandırmanın üzerine ek bir yapılandırma yapmanız gerekecektir. Bunun için dokümanlar kontrol ederdim. Ben @KeithA olarak oluşturmak-eact-app

+0

ReactJS bileşenler doğru .jsx dosyalarda olması gerekiyor? standart olarak –

+0

Bu bir gereklilik değil, ancak bazı insanlar bunu tercih ediyor. Diğerleri ise, jsx dönüşümünün bir tarayıcıda çalışabilecek geçerli bir javascript yapması için dosyada meydana gelen dönüşümlerden sadece biri olduğu ve bu yüzden dosyanın farklı şekilde adından farklı olarak adlandırılmasının mantıklı olmadığı argümanını yaparlar. Ben şahsen hiçbir şekilde güçlü hislerim yok, ama genellikle sadece .js' dosyaları ile devam ediyorum, bu yüzden eğer bazı jsx sözdiziminin eklenmesi gerekiyorsa onu değiştirmem gerekmiyor. –

0

yeniden adlandırma index.js yerine söz - Eğer ek yapılandırma gerekir. Eğer resolve nesnede webpack.config.js in:

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

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

ReactJS bileşenlerinin .jsx dosyalarında olması gerekiyor değil mi? standart olarak Create-react-app kullanıyorsanız –

+0

gerek yok –

0

kullanıyorum gibi properply çalışacak index.jsx

İlgili konular