web-dev-qa-db-fra.com

Impossible d'obtenir/erreur lors de l'exécution de hello world dans Webpack

Projet Full Github: https://github.com/pbrianmackey/uiexperiment

Je cours

webpack-dev-server --content-base deployment/

Ensuite, allez à http://localhost:8080/, Erreur

Ne peut pas obtenir /

Je pense que le problème est une mauvaise configuration de Webpack. J'ai vérifié par le fichier webpack.config.js et je ne vois pas de problème. Comment puis-je résoudre ce problème afin d'obtenir mon exemple hello world?

Cela pourrait aussi être un problème de routage. Je pense que je peux utiliser ce site sans réagir-routeur, mais je peux me tromper. Il n'y a pas d'erreur dans la sortie des webpacks sur la console.

index.js

import "babel-polyfill";//for flipping IE
import $ from 'jquery';
import jQuery from 'jquery';
var App = require('./app');
var React = require('react');
var ReactDOM = require('react-dom')

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);
reactjswebpack-dev-server
11
P.Brian.Mackey

Il se trouve que j'avais index.html au mauvais endroit. Depuis le webpack docs :

Pour charger vos fichiers fournis, vous devez créer un fichier index.html dans le dossier de construction à partir duquel les fichiers statiques sont servis (option --content-base ).

J'ai fait une copie de index.html dans un nouveau dossier que j'ai appelé deployment pour correspondre à ce que j'ai spécifié dans output.path

15
P.Brian.Mackey

Dans le webpack, mettez ceci:

devServer: {
historyApiFallback: true,
},
0
Manuel Carmona