Как я могу увидеть, где ошибка в этом отладочном изображении Reactjs

#reactjs #debugging

#reactjs ( реакция ) #отладка #reactjs

Вопрос:

Я продолжаю получать этот экран, и он всегда останавливается на Main.Фрагмент.js нравится показывать изображение

Я новичок в Reactjc и не могу разобраться, если это происходит из-за

Неперехваченная синтаксическая ошибка: неожиданный токен ‘<‘

Это также показано на изображении или для этого есть какая-то другая причина.

Любые предложения помощи были бы классными! введите описание изображения здесь

Обновить

Когда я удаляю 4 строки скрипта, которые сильно подсвечены на этом рисунке, ошибка

Неперехваченная синтаксическая ошибка: неожиданный токен ‘<‘

уходит!

введите описание изображения здесь

Тогда вместо этого выполнение зависает здесь:

введите описание изображения здесь

Ответ №1:

Я нашел это решение.

В принципе, вы могли бы попытаться изменить это:

 app.use(express.static('client/build'));
app.get("*", (req, res) => {
    res.sendFile(require('path')
        .resolve(__dirname, 'client', 'build', 'index.html'));
})
  

Для:

 const root = require('path').join(__dirname, 'client', 'build')
app.use(express.static(root));
app.get("*", (req, res) => {
    res.sendFile('index.html', { root });
})
  

Комментарии:

1. Это ничего не изменило

2. Чао @ExocetKid в обсуждении, которое я опубликовал, это наиболее цитируемое решение. Но не единственная. Вы пробовали также другие предложения?

3. Я использовал create-react-app, у меня нет настроек веб-пакета «publicPath». Я новичок в этом, не уверен

4. @ExocetKid Хорошо, я не знал, что вы использовали create-react-app. Я обновил свой ответ возможным решением.

5. Я обновил свой вопрос с некоторым прогрессом или нет, не знаю, что вы думаете