React WebPack -发送我的工作到在线服务器

React WebPack - Send My Work to online Server

本文关键字：在线 在线服务 服务器 我的工作 WebPack -发 React      更新时间：2023-09-26

我有一个在线服务器，我把我的作品和投资组合和东西，我在反应中做了一个简单的应用程序，我想在我的服务器上运行它，但我得到错误

http://hseleiro.pt/bundle.js 404 (Not Found)

我做错了什么?我不知道我是否做了正确的步骤来显示我的反应应用程序在一个在线服务器，有人能帮助我吗?

我试图改变我的部分在我的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: './'
}
};

谢谢!!

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

相关文章：