webpack-dev-server ничего не рендерит - PullRequest
Новая
       13

webpack-dev-server ничего не рендерит

0 голосов
/ 25 мая 2018

Я пытаюсь добавить webpack-dev-server в свое приложение React, однако когда я открываю localhost: 8080 и смотрю в консоли, запрос на js/bundle.js вернул ошибку 404.

Вот мой веб-пакетconfig: 

const webpack = require("webpack");

module.exports = {
  mode: "development",
  entry: "./src/app/js/index.jsx",
  output: {
    path: `${__dirname}dist/app/js`,
    filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: [
          // {
          //   loader: "react-hot-loader"
          // },
          {
            loader: "babel-loader",
            query: {
              presets: ["react", "es2015"],
              plugins: ["transform-class-properties"]
            }
          }
        ]
      },
    ]
  },
  plugins: [new webpack.HotModuleReplacementPlugin()],
  devServer: {
    hot: true,
    contentBase: `${__dirname}/dist/app/`,
    publicPath: `${__dirname}/dist/app/js/`
  }
};

Вот это dist / app / index.html: 

<!DOCTYPE html>
<html>
  <body>
    <div id="app-container"></div>
    <script src="js/bundle.js"></script>
  </body>
</html>

Консоль выводит это: 

ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /private/var/www/mysite.com/dist/app/back/js/
ℹ ｢wds｣: Content not from webpack is served from /private/var/www/mysite.com/dist/app/

Просмотр js/ тамнет bundle.js, но, насколько я понимаю, это правильно, поскольку webpack-dev-server создает файл только в памяти.

Почему я получаю 404 ... что мне не хватает?Спасибо.

...