Хобрук: Ваш путь к мастерству в программировании

Не удается создать приложение React

У меня есть следующий проект:

У меня есть исходная папка src со следующей структурой

src/
├── sass/
│   └── sass files
│
├── js/
│   ├── admin
│   │    └── React project (an Admin Dashboard)
│   │
│   └── main
│        └── Javascript for the main site
│
└── pug/
    └── pug files

Я использовал приложение create-react-app для создания проекта реакции, а затем мне пришлось его извлечь, чтобы я мог переместить его в свою структуру, где я хотел.

Я переписал пути в извлеченном файле config/paths.js следующим образом:

module.exports = {
  dotenv: resolveApp('.env'),
  appBuild: resolveApp('docs'),
  appPublic: resolveApp('src/public'),
  appHtml: resolveApp('src/public/index.html'),
  appIndexJs: resolveApp('src/js/admin/index.js'),
  appPackageJson: resolveApp('package.json'),
  appSrc: resolveApp('src'),
  yarnLockFile: resolveApp('yarn.lock'),
  testsSetup: resolveApp('src/setupTests.js'),
  appNodeModules: resolveApp('./node_modules'),
  publicUrl: getPublicUrl(resolveApp('package.json')),
  servedPath: getServedPath(resolveApp('package.json')),
};

Но когда я запускаю команду «node scripts/start.js», чтобы запустить сервер разработки реагирования, я получаю следующую проблему:

Starting development server....
Failed to compile.
Syntax error: Unexpected token (19:16)

  17 | 
  18 | 
> 19 | ReactDOM.render(<App />, document.getElementById('root'));
     |                 ^
  20 | registerServiceWorker();

Может ли кто-нибудь помочь мне решить пути? (Я правильно понимаю, что проблема с путями или может быть что-то еще?)


Ответы:


1

Вы должны добавить реакцию на .babelrc:

-{ "presets": ["es2015"] }
+{ "presets": ["es2015", "react"] }
03.08.2017
Новые материалы

Как симулировать серию пенальти на Python с помощью симуляции Монте-Карло, часть 1: генерация функций
Серия пенальти была огромным испытанием во время чемпионата мира по футболу. Они вызвали много споров в социальных сетях и новостных агентствах. Даже финальный матч турнира решался по..

AST для разработчиков JavaScript
TL; DR Эта статья - мое выступление на недавно состоявшейся конференции Stockholm ReactJS Meetup. Вы можете посмотреть слайды здесь..

5 проектов на Python, которые нужно создать прямо сейчас!
Добро пожаловать! Python — один из моих любимых языков программирования. Если вы новичок в этом языке, перейдите по ссылке ниже, чтобы узнать о нем больше:

Dall-E 2: недавние исследования показывают недостатки в искусстве, созданном искусственным интеллектом
DALL-E 2 — это всеобщее внимание в индустрии искусственного интеллекта. Люди в списке ожидания пытаются заполучить продукт. Что это означает для развития креативной индустрии? О применении ИИ в..

«Очень простой» эволюционный подход к обучению с подкреплением
В прошлом семестре я посетил лекцию по обучению с подкреплением (RL) в моем университете. Честно говоря, я присоединился к нему официально, но я редко ходил на лекции, потому что в целом я нахожу..

Освоение информационного поиска: создание интеллектуальных поисковых систем (глава 1)
Глава 1. Поиск по ключевым словам: основы информационного поиска Справочная глава: «Оценка моделей поиска информации: подробное руководство по показателям производительности » Глава 1: «Поиск..

Фишинг — Упаковано и зашифровано
Будучи старшим ИТ-специалистом в небольшой фирме, я могу делать много разных вещей. Одна из этих вещей: специалист по кибербезопасности. Мне нравится это делать, потому что в настоящее время я..