Question

我是新手做出反应。最初我开始使用create-react-app。默认情况下，文件名为index.js。然后我将文件重命名为index.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! chat@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chat@0.1.0 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文件。

Answer 1

具有该扩展名的文件正由另一个文件导入。扩展已更改，因此查找将失败。此外，React不需要文件.jsx才能工作。所以只需简单地切换文件扩展名即可。我从未使用过create-react-app，但如果您不想使用.jsx，那么您很可能不得不在其上进行一些额外的配置。＆＃39;}默认配置。我要查看文档。

Answer 2

重命名index.js而不是index.jsx它将正常工作，因为我使用create-eact-app

Answer 3

正如@KeithA所说 - 你需要额外的配置。在你resolve对象中的webpack.config.js：

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

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

对jsx的React File命名约定

3 个答案: