Получение 'bundle.js: 1 Uncaught SyntaxError: Неожиданный токен' <'в приложении реакции / редукции - PullRequest
0 голосов
/ 12 октября 2019

Я пытаюсь выучить редук с сайта Уэса Боса: 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

Может кто-нибудь указать, что мне не хватает?

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