React - сбойный тип проп: «Проп» помечен как обязательный в «Маршрутизаторе», но его значение равно «undefined».

Question

Я новичок в реакции и у меня проблема с роутером.Я уже попробовал несколько решений, и ничего не получилось.Я хотел бы знать, если я делаю что-то не так с моим файловым маршрутизатором или webpack-config, если кто-то может мне помочь, я был бы очень благодарен.

Ошибка:

error-image

Я верю, что если я устраню первую ошибку, остальное исправит сам.Поскольку я новичок, чтобы реагировать, я не могу быть уверен в этом.Вот мой код1019 * server.js:

const webpack = require('webpack')
const WebpackDevServer = require('webpack-dev-server')
const config = require('./webpack.config')

new WebpackDevServer(webpack(config), {
    stats: { colors: true}
}).listen(3000, (err) => {
    if (err) {
        return console.log(err)
    }
    console.log("Listening on port 3000...")
})

Answer 1

Хорошо, ваша проблема не связана с сервером или веб-пакетом (на первый взгляд).Ошибка исходит от реакции одного из ваших компонентов (прочитайте ошибку).

Ошибка говорит о том, что свойство history требуется, но вы даете ему что-то неопределенное, поэтому ваша createHistory() функция хорошавиновник.

Реакция документы на самом деле говорят, что нужно использовать createBrowserHistory(), а затем только с компонентом Router , который, для ясности, васВы не используете .По какой-то безбожной причине вы импортировали BrowserRouter как Router, но BrowserRouter не требует истории.Вручную настраивать историю с помощью маршрутизатора низкого уровня рекомендуется только для синхронизации историй с менеджерами состояний, чего я не вижу, что вы делаете.В моих проектах я всегда использовал <BrowserRouter> компонент, который заботится об истории.

Что-то не так с опорой местоположения, но сначала включите ваш основной маршрутизатор, и я подозреваю, что он пойдетпрочь.