#javascript #reactjs
Вопрос:
Когда я пытаюсь запустить команду запуска npm, появляется ошибка ниже в ошибке реакции после попытки запустить запуск npm
экспорт приложения по умолчанию;
Syntax error: D:/react/react-sidebar-v1/src/App.js: Unexpected token (11:5)
9 | function App() {
10 | return (
> 11 | <>
| ^
12 | <Router>
13 | <Navbar />
14 | <Switch>
Вот мой App.js код
import React from 'react';
import './App.css';
import Navbar from './components/Navbar';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Home from './pages/Home';
Import Reports from './pages/Reports';
import Products from './pages/Products';
function App() {
return (
<>
<Router>
<Navbar />
<Switch>
<Route path='/' exact component={Home} />
<Route path='/reports' component={Reports} />
<Route path='/products' component={Products} />
</Switch>
</Router>
</>
);
}
Комментарии:
1. Это недопустимый JavaScript, похоже на JSX. Вы пытаетесь запустить код на стороне клиента на стороне сервера?
2. попытка запустить клиентскую сторону
3. Ошибка, которую вы четко показали, находится на стороне сервера, так что, возможно, вы пытаетесь объединить Javascript, не имея обработчика для транспиляции JSX, настроенного в вашем комплекте?
4. вы уверены в синтаксисе? что такое выражение «Импорт» при импорте отчетов?
Ответ №1:
import React from 'react';
import './App.css';
import Navbar from './components/Navbar';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Home from './pages/Home';
Import Reports from './pages/Reports'; // should be import instate of Import
import Products from './pages/Products';
function App() {
return (
<>
<Router>
<Navbar />
<Switch>
<Route path='/' exact component={Home} />
<Route path='/reports' component={Reports} />
<Route path='/products' component={Products} />
</Switch>
</Router>
</>
);
}