Нет ошибки в консоли, но страница не отображается после развертывания в реагировать js - PullRequest
Новая
       14

Нет ошибки в консоли, но страница не отображается после развертывания в реагировать js

0 голосов
/ 30 апреля 2020

У меня есть файл webpack в моем проекте. С его конфигурацией, он отлично работает в локальном режиме, но когда я развернул его на странице сервера, не рендеринг. У меня также нет ошибок в консоли.

Я вижу мой весь реагирующий js код компонентов в комплекте. js файл, который доступен на развернутом сервере. Я действительно застрял на том, почему страница не отображается в браузере. Ниже приведен мой код файла веб-пакета. 

require("babel-polyfill");

const path = require("path");
const { resolve } = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.join(__dirname, "/dist"),
    filename: "bundle.js",
    publicPath: "./",
    sourceMapFilename: "bundle.map.js",
  },
  mode: "development",
  devtool: "eval-source-map",
  module: {
    rules: [
      {
        test: /\.(js|jsx|css)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(jpg|png|svg)$/,
        loader: "url-loader",
        options: {
          limit: 25000,
        },
      },
    ],
  },
  resolve: {
    extensions: [".js", ".jsx", ".css", ".json"],
    symlinks: false,
  },

  devServer: {
    contentBase: "./",
  },
  plugins: [
    new webpack.DefinePlugin({
      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
      "process.env.salt": JSON.stringify(process.env.SALT),
    }),
    new webpack.ProvidePlugin({
      React: "react",
    }),
    new HtmlWebpackPlugin({
      hash: true,
      filename: "index.html",
      template: path.join(__dirname, "./src/index.html"),
      title: "PMX",
    }),
    new CopyWebpackPlugin([
      { from: "src/Images/", to: path.join(__dirname, "/dist/Images") },
    ]),
    new webpack.LoaderOptionsPlugin({
      options: {
        eslint: {
          failOnWarning: false,
          failOnError: false,
          fix: false,
          quiet: false,
          configFile: path.join(__dirname, ".eslintrc.json"),
        },
      },
    }),
  ],
};

Ниже мой пакет. json файл.

"scripts": { "start": "webpack-dev-server --open", "build": "webpack", "test": "react-scripts test", "eject": "react-scripts eject" }, "devDependencies": { "@babel/core": "^7.9.0", "@babel/preset-env": "^7.9.5", "@babel/preset-react": "^7.9.4", "babel-loader": "^8.1.0", "babel-polyfill": "^6.26.0", "html-webpack-plugin": "^4.2.1", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.10.3" }

Любая помощь в том, что мне здесь не хватает. Заранее спасибо.

...