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