Какой импорт мне нужен, чтобы использовать hashrouter в приложении KotlinJS React?

Question

Я загружаю приложение KotlinJS + React, используя следующие шаги:

npm install -g create-react-kotlin-app
create-react-kotlin-app frontend
cd frontend
npm install kotlinx-coroutines-core
npm install @jetbrains/kotlin-react-router-dom

Это дает мне базовое приложение KotlinJS + React

В package.json я могу видеть мой импорт маршрутизатора

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@jetbrains/kotlin-react-router-dom": "^4.3.1-pre.61",
    "kotlinx-coroutines-core": "^1.1.0",
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  },
  "devDependencies": {
    "react-scripts-kotlin": "3.0.3"
  },
  "scripts": {
    "start": "react-scripts-kotlin start",
    "build": "react-scripts-kotlin build",
    "eject": "react-scripts-kotlin eject",
    "gen-idea-libs": "react-scripts-kotlin gen-idea-libs",
    "get-types": "react-scripts-kotlin get-types --dest=src/types",
    "postinstall": "npm run gen-idea-libs"
  }
}

Примеры на нескольких сайтах показывают что-то вроде этого, но не какой импорт использовать

class RootComponent : RComponent<RProps, RState>() {
    override fun RBuilder.render() {
        hashRouter { // or "browserRouter"
            switch {
                route("/", IndexComponent::class, exact = true)
                route("/login", strict = true) {
                    login(providers = listOf("plain", "facebook"))
                    a(href = "#/") {
                        +"Back"
                    }
                }
                route<IdProps>("/user/:id") { props ->
                    div {
                        +"User id: ${props.match.params.id}"
                    }
                }
                redirect(from = "/redirect", to = "/redirected")
            }
        }
    }
}

Не определяющий hashRouter через импорт вызывает

src/app/App.kt:11:3: error: unresolved reference: hashRouter
                hashRouter {
  ^

Я пытаюсь Ctrl + Пробел, но автозаполнение не полезно вообще.

Какой импорт мне не хватает?

Answer 1

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

В каталоге приложения установите следующее по порядку.

1. npm i @jetbrains/kotlin-react-router-dom

2. npm run gen-idea-libs

Answer 2

Вам нужно импортировать react-router-dom" а также в ваших зависимостях.