Пытаюсь создать React приложение по туториалу.
app/main.js
var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
webpack.config.js
module.exports = {
entry: './app/main.jsx',
output: {
filename: 'app.js'
},
module: {
loaders: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader'
}
],
resolve: {
extensions: ['', '.js', '.jsx']
}
}
};
Возникает ошибка:
Module build failed: SyntaxError: E:\app\main.jsx: Unexpected token (6:2)
Что я делаю не так?
weback-dev-server
, когда в доке написана командаwebpack
. НО, я когда изучал вхождение вreact
, долго искал хорошие мануалы, нашел только 1 - maxfarseer.gitbooks.io/redux-course-ru/content/chapter1.html, который реально открыл мне свет на происходящее. Сделай все по нему, т.к. там архитектурно правильное создание приложения идет, черезnpm
и сборщиков. Все достаточно просто для новичка. Как ни странно офф доки изменились с момента моего изучения, в худшую сторону, начало всегда шло с инициализацииnpm