webpack無法解析部署在reactjs應用程序中的文件夾

我正在創建一個reactjs應用程序，並且本地主機上的一切正常工作。當我將應用程序部署到託管服務時，事情會變得非常棘手。webpack無法解析部署在reactjs應用程序中的文件夾

我在我的項目中有一個./reducers文件夾，其中包含我所有的減速器。項目結構是這樣的：

應用
---減速
--- store.js

現在的問題是，是的WebPack未能解決import reducers from './reducers'我這裏store.js 是我的全部store.code：

import {applyMiddleware, createStore} from 'redux'; 
 

 
import logger from 'redux-logger'; 
 
import thunk from 'redux-thunk'; 
 
import promise from 'redux-promise-middleware'; 
 

 
import reducer from './reducers'; 
 

 
const middleware = applyMiddleware(promise(), thunk, logger()) 
 
    
 
export default createStore(reducer, middleware)

這裏是我的WebPack配置：

var path = require('path'); 
 
var webpack = require('webpack'); 
 

 
module.exports = { 
 
\t entry: './main.js', 
 
\t output:{ 
 
\t \t path: __dirname, 
 
\t \t filename: 'index.js', 
 
\t \t publicPath: '/' 
 
\t }, 
 
\t devServer:{ 
 
\t \t inline: true, 
 
\t \t port: 1515, 
 
\t \t historyApiFallback: true 
 
\t }, 
 
\t module:{ 
 
\t \t loaders:[ 
 
\t \t { 
 
\t \t \t test: /\.js?$/, 
 
\t \t \t exclude: /node_modules/, 
 
\t \t \t loader: 'babel-loader', 
 
\t \t \t query:{ 
 
\t \t \t \t presets: ['react', 'es2015'], 
 
\t \t \t \t plugins: ['react-html-attrs', 'transform-object-rest-spread'] 
 
\t \t \t } 
 
\t \t } 
 
\t \t ] 
 
\t } 
 
}

，這裏是從我的託管服務器錯誤：

我真的難過超長的帖子，我一直在搜索D沒有找到答案，我可以理解..部署reactjs應用程序和webpack是我的新東西

來源

2017-03-24 Arga Aditya

您不是想在您正確的Web託管環境中運行Webpack的開發服務器，對嗎？如果是這樣 - 不要，你應該使用一個合適的服務器，並將Webpack的最終版本部署到它。 –

@JoeClay這正是我想要做的......它有一個節點js支持，如果這是正確的服務器所需要的..我做的是我在服務器上運行我的webpack命令。我一直在尋找web如何建立反應webpack生產，我沒有找到任何我可以理解的帖子..我也嘗試使用webpack -p在我的本地環境，它什麼都沒有產生.. –

問題是您的減速器導入沒有找到。您需要檢查您的商店所在的路徑。

來源

2017-03-24 15:08:27

webpack無法解析部署在reactjs應用程序中的文件夾

回答

相關問題