2016-09-30 22 views
0

我有一个在线服务器,我把我的作品和投资组合和东西,我做了一个简单的应用程序的反应,我想运行它在我的服务器,但即时获取错误React WebPack - 发送我的工作到在线服务器

http://hseleiro.pt/bundle.js 404(未找到)

我做什么我错了?我不知道如果我做出正确的步骤,以显示我的反应的应用程序在线服务器,可有人帮助我吗?

我试图改变我的patpack在我的Webpack.config.js但没有成功。

的index.html

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="http://www.hseleiro.pt/ReduxSimpleStarter/style/style.css"> 
<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"> 
</head> 
<body> 
<div class="container"></div> 
</body> 
<script src="/bundle.js"></script> 
</html> 

WebPack.Config.Js

module.exports = { 
    entry: [ 
'./src/index.js' 
], 
output: { 
    path: __dirname, 
    publicPath: '/', 
    filename: 'bundle.js' 
}, 
module: { 
    loaders: [{ 
    exclude: /node_modules/, 
    loader: 'babel', 
    query: { 
    presets: ['react', 'es2015', 'stage-1'] 
    } 
}] 
}, 
resolve: { 
    extensions: ['', '.js', '.jsx'] 
}, 
devServer: { 
historyApiFallback: true, 
    contentBase: './' 
} 
}; 

谢谢!!

回答

0

我相信你想要公开你的站点使用的主要index.html文件和服务器上的包文件。索引文件应包含一个脚本标记,如<script src="/bundle.js"></script>引用您使用Webpack创建的源包。当网站加载包时,您的反应应用程序应该开始运行。

+0

感谢您的帮助。我有脚本标记和它的不工作:(我已经试图改变标记!和它不工作:(!谢谢您的帮助 –