Reactjs React应用程序isn';t当文件名包含hypens时使用.jsx后缀

Reactjs React应用程序isn';t当文件名包含hypens时使用.jsx后缀,reactjs,npm,Reactjs,Npm,我有以下目录结构 src +actions +components +reducers +utils -views -app app-container.jsx app.jsx index.jsx -more-info index.js more-info-container.jsx more-info.jsx -overview index.jsx overview-container.jsx overview.jsx

我有以下目录结构

src
 +actions
 +components
 +reducers
 +utils
 -views
  -app
   app-container.jsx
   app.jsx
   index.jsx
  -more-info
   index.js
   more-info-container.jsx
   more-info.jsx
  -overview
   index.jsx
   overview-container.jsx
   overview.jsx
src/views/more info
下,如果我试图更新
index.js
以使文件扩展名
index.jsx
我的构建失败,模块构建失败:错误:enoint:没有这样的文件或目录,请打开“/Users/smcclaine/Documents/Projects/ReactReduxBoilerPlate/src/views/more info/index.js”

如果我从目录结构和导入中删除连字符,它将允许我使用
.jsx
扩展名

有人知道如何配置我的应用程序,以便在目录中有连字符时使用
.jsx


Git Repo:

通过
node v8.9.4
npm 6.1.0
和从
src/views/more info/index.js
重命名为
src/views/more info/index.jsx的文件,我能够构建(
npm run build
)和访问。您的节点和npm版本是什么?您使用哪个命令构建应用程序?我尝试更改文件名,然后启动服务器,一切正常。这可能是因为构建缓存了.js文件的位置,并且在服务器重新启动之前不希望接受.jsx。谢谢你尝试一下PatrykWojtasik