React.js Fehler: Invariant Violation: Minified Reagieren Fehler #37

Ich habe versucht, suchen im internet, aber ich kann nicht finden die Lösung für diesen Fehler.

Im wesentlichen, wenn ich meine app auf meinem localhost über npm start läuft es ohne ein problem.

Allerdings, wenn ich wechseln git branch gh-pages zu Gast in der gh-Seiten, sehe ich die folgende Fehlermeldung in meiner Konsole.melden Sie

Nicht erfasste Invariant Violation: Minified Reagieren Fehler #37

_registerComponent(…): Target-container ist nicht ein DOM-element ist, was Fehler #37 bedeutet.

Link zum Git-App-Repository gh-pages branch

Hier ist mein Aktuelles setup:

webpack.config.js

var path = require('path');
var webpack = require('webpack');
var ghpages = require('gh-pages');
var WriteFilePlugin = require('write-file-webpack-plugin');
module.exports = {
  devtool: 'source-map',
  entry: [
    './src/index.js'
  ],
  output: {
    publicPath: '/',
    filename: 'bundle.js',
    sourceMapFilename: "./bundle.js.map",
    path: path.join(__dirname, './static')
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['react', 'es2015', 'stage-1']
      }
    },{
      test: /\.s?css$/,
      loaders: ['style','css','sass'],
      include: path.join(__dirname, 'src')
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
    alias: {
    'jquery': path.join(__dirname, 'node_modules/jquery/dist/jquery'),
    }
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './',
    outputPath: path.join(__dirname, './dist')
  }
};

Paket.json

{
  "name": "recipe-box",
  "version": "1.0.0",
  "description": "Portfolio",
  "main": "index.js",
  "repository": "",
  "scripts": {
    "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js",
    "test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js --recursive ./test",
    "test:watch": "npm run test -- --watch",
    "postinstall": "webpack -p"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.2.1",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-react": "^6.1.18",
    "chai": "^3.5.0",
    "chai-jquery": "^2.0.0",
    "file-loader": "^0.9.0",
    "gh-pages": "^0.11.0",
    "image-webpack-loader": "^2.0.0",
    "jquery": "^3.1.0",
    "jsdom": "^9.5.0",
    "mocha": "^3.0.2",
    "node-sass": "^3.8.0",
    "react-addons-test-utils": "^15.3.1",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.14.0",
    "write-file-webpack-plugin": "^3.3.0"
  },
  "dependencies": {
    "babel-preset-stage-1": "^6.1.18",
    "css-loader": "^0.25.0",
    "express": "^4.14.0",
    "jquery": "^2.2.4",
    "lodash": "^4.16.1",
    "materialize-css": "^0.97.7",
    "node-sass": "^3.8.0",
    "react": "^15.3.1",
    "react-bootstrap": "^0.30.3",
    "react-dom": "^15.3.1 ",
    "react-materialize": "^0.16.4",
    "react-redux": "^4.0.0",
    "react-router": "^2.0.1",
    "react-tap-event-plugin": "^1.0.0",
    "redux": "^3.0.4",
    "redux-logger": "^2.6.1",
    "sass-loader": "^4.0.0",
    "shortid": "^2.2.6",
    "style-loader": "^0.13.1"
  }
}
InformationsquelleAutor Alejandro | 2016-10-16



One Reply
  1. 1

    Meine Frage selbst beantwortet

    Es sah aus wie ich hatte, sich zu bewegen bundle.js aus dist Ordner in das gleiche Verzeichnis, wo meine index.html war.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.