Creé un servidor React/Express pero cuando intento importar el arranque obtengo lo siguiente:

Error

 ./node_modules/react-bootstrap/esm/Button.js Module parse failed: Unexpected token (18:2) You may need an appropriate loader to handle this file type. | active, | className, | ...props | }, ref) => { | const prefix = useBootstrapPrefix(bsPrefix, 'btn');

Configuración

Aplicación.js

 import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import Customers from './components/customers'; import Button from 'react-bootstrap/Button'; import 'bootstrap/dist/css/bootstrap.min.css'; class App extends Component { render() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h1 className="App-title">React Express Starter</h1> </header> <Customers /> <div> <div id="wallet-address"></div> </div> </div> ); } } export default App;

índice.js

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<App />, document.getElementById('root')); registerServiceWorker();

Tengo un paquete web instalado en ambos paquetes. Estoy completamente perdido en cuanto a por qué está ocurriendo el problema. Hice lo mismo sin Express sin problemas, pero tanto con Express como con React parece que no puedo importar ningún paquete sin obtener el mismo error.

Cualquier ayuda sería muy apreciada.