npm запуск завершается неудачно с неожиданным токеном в файле из локальной зависимости - PullRequest
1 голос
/ 28 февраля 2020

Я сделал first-app с create-react-app, где компонент использует некоторые компоненты material-ui , и он отлично работает при запуске с npm start.

Из этого приложения я извлек компонент nice-component в новую папку nice-component, с его package.json, компонент находится в файле .js, который export default класс компонента - в коде Visual Studio я могу успешно перейти к его источникам, поэтому я предполагаю, что конфигурация установки / папки правильная.

В приложение final-app , новое приложение, все еще созданное с create-react-app Я добавил nice-component в качестве локальной зависимости (file:../nice-component), но когда я запускаю npm start, я получаю:

SyntaxError: C:\...\other-package.js: Unexpected token (83:8)

  81 |       const { classes } = this.props;
  82 |       return (
> 83 |         <Grid container className={classes.root} style={{margin:30}}>
     |         ^

Я не могу понять, почему это случается, кажется, что локальные зависимости не вносят свои собственные (транзитивные) зависимости, но я успешно использовал аналогичный подход месяцы go в другом проекте - где я хотя и не использовал react-scripts, но настроил babel, webpack, et c самостоятельно.

Я даже т добавили все зависимости Material-UI в final-app (хотя я не думаю, что должен), но все же это не работает.

1 Ответ

1 голос
/ 28 февраля 2020

Проблема с неожиданным токеном '<' связана с отсутствием предустановки babel. </p>

Вы можете просто установить зависимость babel с помощью узла следующим образом:

npm install babel-preset-react

Спасибо

...