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