Я сделал 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 (хотя я не думаю, что должен), но все же это не работает.