Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在KotlinJS React应用程序中使用hashrouter需要哪个导入_Reactjs_Kotlin_Kotlin Js - Fatal编程技术网

Reactjs 在KotlinJS React应用程序中使用hashrouter需要哪个导入

Reactjs 在KotlinJS React应用程序中使用hashrouter需要哪个导入,reactjs,kotlin,kotlin-js,Reactjs,Kotlin,Kotlin Js,我正在使用以下步骤引导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中,我可以看到我的路

我正在使用以下步骤引导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")
            }
        }
    }
}
我正在尝试Ctrl+Space,但autocomplete一点用处都没有


我缺少哪个导入?

您需要导入依赖项中的
react router dom”

我遇到了同样的问题,并通过以下步骤解决了它

在应用程序目录中,按顺序安装以下组件

  • npm i@jetbrains/kotlin react路由器dom

  • npm运行genidea libs


  • 创建react kotlin应用程序仅限于配置,请尝试将kotlin/js与gradle和前端插件一起使用
    src/app/App.kt:11:3: error: unresolved reference: hashRouter
                    hashRouter {
      ^