горячая замена модуля отключена - PullRequest
0 голосов
/ 10 сентября 2018

У меня проблема ниже при запуске функции сборки с помощью веб-пакета, не могли бы вы взглянуть? Сборка npm, удаление модулей узлов, обновление версии файла node.js. Пожалуйста, помогите мне.

webpack.config.js

var webpack = require('webpack');
var path = require('path');
var OpenBrowserPlugin = require('open-browser-webpack-plugin');
var node_modules = path.resolve(__dirname, 'node_modules');
var pathToReact = path.resolve(node_modules, 'react/react');
var pathToReactDOM = path.resolve(node_modules, 'react-dom/index')

module.exports = {
  devtool: 'eval-source-map',
  devServer: {
    /*headers: {
       'Access-Control-Allow-Origin': '*',
       'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'
     },*/
    historyApiFallback: true,
    hot: true,
    inline: true,
    contentBase: './webapp/build',
    progress: true,
    port: 8000,
    proxy: {
     '\*': {
         //target: 'http://10.10.2.124:8082',
         target: 'http://10.10.1.89:8080',
       secure: false
     }
    } 
  },
  entry: [
    'webpack-dev-server/client?http://localhost:8000',
    'webpack/hot/dev-server',
    path.resolve(__dirname, 'react/main.js')
  ],
  output: {
    path: __dirname + '/webapp/build',
    publicPath: '/build',
    filename: './bundle.js',
    chunkFilename: "[id].bundle.js"
  },
  module: {
    loaders: [{
      test: /\.css$/,
      loader: 'style-loader!css-loader'
    }, {
        test: /\.js[x]?$/,
        include: path.resolve(__dirname, 'react'),
        exclude: /node_modules/,
        loaders: ['react-hot', 'babel-loader?cacheDirectory'],
        noParse: [pathToReact, pathToReactDOM]
    }, {
      test: /\.(png|jpg)$/,
      loader: 'url-loader'
    }, {
      test: /\.(woff|woff2|eot|ttf|svg)(\?.*$|$)/,
      loader: 'url'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
  },
  plugins: [
    new OpenBrowserPlugin({
      url: 'http://localhost:8000/dev/index.html'
    })
  ]
};

package.json

{
  "name": "***",
  "version": "1.0.0",
  "description": "admin",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "start": "webpack-dev-server react/main.js --devtool eval --progress --hot --inline --colors --content-base webapp/build",
    "deploy": "set NODE_ENV=production && webpack --config webpack.production.config.js"
  },
  "dependencies": {
    "antd": "1.1.0",
    "babel-runtime": "6.x",
    "compression-webpack-plugin": "^0.4.0",
    "echarts": "^3.4.0",
    "react": "0.14.x",
    "react-dom": "0.14.x",
    "reflux": "^0.4.1",
    "reqwest": "^2.0.5",
    "webpack-parallel-uglify-plugin": "^0.4.2"
  },
  "devDependencies": {
    "animate.css": "^3.5.1",
    "babel-core": "^6.10.4",
    "babel-eslint": "6.x",
    "babel-loader": "6.x",
    "babel-plugin-antd": "^0.4.0",
    "babel-plugin-transform-es2015-modules-simple-amd": "^0.3.0",
    "babel-plugin-transform-runtime": "6.x",
    "babel-preset-es2015": "6.x",
    "babel-preset-react": "6.x",
    "babel-preset-stage-0": "6.x",
    "copy-webpack-plugin": "2.x",
    "css-loader": "~0.23.0",
    "es5-shim": "^4.5.8",
    "es6-promise": "^3.2.1",
    "http-proxy-middleware": "0.17.2",
    "open-browser-webpack-plugin": "0.0.2",
    "react-hot-loader": "^1.3.0",
    "style-loader": "~0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "1.x",
    "webpack-dev-server": "^1.14.1"
  },
  "author": "dwj",
  "license": "ISC"
}

Нет ошибок компиляции, проект начался нормально. Но страница не может отображаться нормально.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...