Javascript 部署时,webpack无法解析reactjs应用程序中的文件夹

Javascript 部署时,webpack无法解析reactjs应用程序中的文件夹,javascript,reactjs,deployment,webpack,redux,Javascript,Reactjs,Deployment,Webpack,Redux,我正在创建一个reactjs应用程序,在localhost上一切正常。当我将应用程序部署到托管服务时,事情变得非常棘手 我的项目中有一个/reducers文件夹,其中包含我的所有reducer。 项目结构如下: 应用程序 ---还原剂 ---store.js 现在的问题是webpack无法解决my store.js上从“./reducers”导入还原程序的问题 这是我的完整商店代码: 从'redux'导入{applyMiddleware,createStore}; 从“redux记录器”导

我正在创建一个reactjs应用程序,在localhost上一切正常。当我将应用程序部署到托管服务时,事情变得非常棘手

我的项目中有一个
/reducers
文件夹,其中包含我的所有reducer。 项目结构如下:

  • 应用程序
  • ---还原剂
  • ---store.js
现在的问题是webpack无法解决my store.js上从“./reducers”导入还原程序的问题 这是我的完整商店代码:

从'redux'导入{applyMiddleware,createStore};
从“redux记录器”导入记录器;
从“redux thunk”导入thunk;
从“redux承诺中间件”导入承诺;
从“./reducers”导入减速机;
const middleware=applyMiddleware(promise(),thunk,logger())

导出默认createStore(reducer,middleware)
问题是找不到reducer导入。您需要检查与门店所在位置相关的路径

好吧,在尝试消化了关于这件事的所有信息之后,我终于明白了如何部署webpack项目

正如@JoeClay所提到的,我应该从Webpack部署最终构建,这与我所做的相反。我所做的是,我上传了整个项目文件到托管服务器,并试图从那里运行网页。我对待生产阶段就像对待本地开发阶段一样,这是不对的

在网上寻找了那么多关于如何构建一个网页包项目的信息后,我终于意识到,在这段时间里,我随身携带了构建文件。 如果我们回顾一下我的Webpack.config.js

module.exports={
条目:'./main.js',
输出:{
路径:_dirname,
文件名:“index.js”,
公共路径:'/'
},
开发服务器:{
是的,
港口:1515,
历史上的倒退:正确
},
模块:{
装载机:[
{
测试:/\.js?$/,,
排除:/node_模块/,
加载器:“巴别塔加载器”,
查询:{
预设值:['react','es2015'],
插件:['react-html-attrs','transformobjectrest-spread']
}
}
]
}

}
您没有试图在合适的web托管环境中运行Webpack的开发服务器,是吗?如果是这样-不要这样做,你应该使用一个合适的服务器,并将最终版本从Webpack部署到它。@JoeClay这正是我要做的。。。如果一个合适的服务器需要节点js支持的话,它确实有节点js支持。。我所做的就是在服务器上运行我的webpack命令。我一直在网上搜索如何构建react网页制作,但我没有找到任何我能理解的帖子。我还尝试在我的本地环境中使用webpack-p,但结果一无所获。我很高兴我能为你指出正确的方向:)我想很多人对网页开发服务器扮演的角色感到困惑-希望你能写出来将帮助其他有同样问题的人!