Я пытаюсь выучить редук с сайта Уэса Боса: https://courses.wesbos.com/account и пытаюсь следить за алогом с его классом. Тем не менее, я получаю сообщение об ошибке, даже если точно следую тому, что у него на экране. У меня есть 2 файла - Main.js и reduxstagram.js. Мой файл Main.js выглядит следующим образом:
import React from 'react';
import { Link } from 'react-router';
const Main = React.createClass({
render(){
return(
<div>
<h1>
<Link to="/">Reduxstagram</Link>
</h1>
</div>
)
}
})
export default Main;
Мой файл reduxstagram.js выглядит следующим образом:
// let's go!
import React from 'react';
import { render } from 'react-dom';
//import css
import css from './styles/style.styl';
//import components
import Main from './components/Main';
render(<Main/>, document.getElementById('root'));
Но когда я пытаюсь отобразить страницу с помощью 'npm start', я получаю следующееошибка:
bundle.js:1 Uncaught SyntaxError: Unexpected token '<' in
react/redux app
Консоль выдает следующие ошибки:
ERROR in ./components/Main.js
Module parse failed: /Users/myUser/Downloads/Learn-Redux-Starter-
Files-master/learn-redux/components/Main.js Unexpected token
(7:12)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (7:12)
at Parser.pp$4.raise (/Users/myUser/Downloads/Learn-Redux-
Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15)
at Parser.pp.unexpected (/Users/myUser/Downloads/Learn-Redux-
Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10)
at Parser.pp$3.parseExprAtom (/Users/myUser/Downloads/Learn-Redux-
Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1822:12)
at Parser.pp$3.parseExprSubscripts
(/Users/myUser/Downloads/Learn-Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1715:21)
at Parser.pp$3.parseMaybeUnary
(/Users/myUser/Downloads/Learn-Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1692:19)
at Parser.pp$3.parseExprOps
(/Users/myUser/Downloads/Learn-Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1637:21)
at Parser.pp$3.parseMaybeConditional
(/Users/myUser/Downloads/Learn-Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1620:21)
at Parser.pp$3.parseMaybeAssign (/Users/myUser/Downloads/Learn-
Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1597:21)
at Parser.pp$3.parseParenAndDistinguishExpression
(/Users/myUser/Downloads/Learn-Redux-Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1861:32)
at Parser.pp$3.parseExprAtom (/Users/myUser/Downloads/Learn-Redux-
Starter-Files-master/learn-
redux/node_modules/webpack/node_modules/acorn/dist/acorn.js:1796:19)
@ ./client/reduxstagram.js 13:12-41
Может кто-нибудь указать, что мне не хватает?