Reactjs "SyntaxError: Неожиданный токен <" при запуске npm - PullRequest
Новая
       24

Reactjs "SyntaxError: Неожиданный токен <" при запуске npm

0 голосов
/ 02 апреля 2019

Приложение реакции, которое у меня есть, является старым кодом, и я пытаюсь собрать приложение реакции с помощью следующей команды, чтобы завершить настройку проекта. 

npm run-script build

Вот конфигурация в package.json 

"webpack": "^3.12.0",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "^2.11.5"
"babel-core": "^5.8.20",
"babel-loader": "^5.3.2",

и мои версии узла и npm 

node 10.15.3 
npm v6.4.1

мой rout.js выглядит как 

module.exports = (
  <Router history={history}>
    <Route path='list' component={Roadshows} />
  </Router>
)

Я пытался установить разные версии webpack, webpack-dev-server и babel-loader. 

/home/local/TAG/vigneshs/project/react/roadshow/roadshow_frontend/routes.js:62
  <Router history={history}>
  ^

SyntaxError: Unexpected token <

Когда я пытаюсь запустить свой сервер, используя 

npm start

Я получаю ту же ошибку.

Может кто-нибудь сделать руководство, чтобы завершить настройку проекта. Я что-то упустил?

Ответы [ 3 ]

2 голосов
/ 02 апреля 2019

Не следует использовать module.exports для экспорта компонента. Попробуйте следующее: 

export default () => (
  <Router history={history}>
    <Route path='list' component={Roadshows} />
  </Router>
);

и затем импортируйте его 

import routes from 'routes'
0 голосов
/ 03 апреля 2019

Я решил эту проблему, уменьшив версии моего webpack и webpack-dev-server как 

webpack v1.10.5
webpack-dev-server v1.10.1

, а также использовал более низкую версию узла и npm 

node v8.15.1
npm v6.4.1

Iугадайте, что у меня была проблема -> webpack @ 3 и webpack-dev-serve @ 2, которые я использовал ранее, не поддерживал babel-loader @ 5

0 голосов
/ 02 апреля 2019

У вас есть символ "<" в строке 62 /home/local/TAG/vigneshs/project/react/roadshow/roadshow_frontend/routes.js file. </p>

удалить этот символ

...