Reactjs 未捕获类型错误:(0,_reactable.useTable)不是函数
尝试遵循以可编辑方式使用react表的工作示例: 我已大量复制并粘贴了代码,但无法使其正常工作 在网上搜索时,我了解到导致错误的一个常见原因是没有使用大括号导入非默认导出,这就是 我对javascript/react等非常陌生,通常在.net中工作,所以我假设这是非常基本的东西 作为故障排除步骤,我已将两个导入拆分为单独的行,但输出没有变化:Reactjs 未捕获类型错误:(0,_reactable.useTable)不是函数,reactjs,react-table,Reactjs,React Table,尝试遵循以可编辑方式使用react表的工作示例: 我已大量复制并粘贴了代码,但无法使其正常工作 在网上搜索时,我了解到导致错误的一个常见原因是没有使用大括号导入非默认导出,这就是 我对javascript/react等非常陌生,通常在.net中工作,所以我假设这是非常基本的东西 作为故障排除步骤,我已将两个导入拆分为单独的行,但输出没有变化: import { useTable } from 'react-table' import { usePagination } from 'react-
import { useTable } from 'react-table'
import { usePagination } from 'react-table'
这是我的package.json
{
"name": "test",
"version": "1.0.0",
"description": "",
"scripts": {
"ci": "npm run lint -- ./src && npm run jest",
"start": "npm run webpack-dev-server",
"build": "set NODE_ENV=dev&& npm run webpack",
"test": "node --inspect=0.0.0.0:9229 ./node_modules/jest/bin/jest --watchAll",
"jest": "./node_modules/.bin/jest",
"lint": "./node_modules/.bin/eslint",
"webpack": "./node_modules/.bin/webpack",
"webpack-dev-server": "./node_modules/.bin/webpack-dev-server"
},
"author": "",
"license": "UNLICENSED",
"dependencies": {
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"carbon-react": "^4.0.0",
"create-carbon-app": "^1.0.3",
"namor": "^1.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-router": "^5.0.1",
"react-router-dom": "^5.0.1",
"react-table": "^6.10.0",
"styled-components": "^4.3.2"
},
"devDependencies": {
"carbon-factory": "^5.0.0",
"enzyme": "^3.0.0",
"enzyme-adapter-react-16": "^1.0.0",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.7.1"
}
}
如果我一起删除了这一行,那么我就可以使用表了。它没有定义,希望有人能给我指明检查/调查的方向,而不仅仅是用花括号导入。您使用的是react table 6.10.0版。useTable是在版本7中引入的,当前版本为alpha,如果您想使用它,则需要安装v7.0.0-alpha.2
所以在您的package.json中
{
"name": "test",
"version": "1.0.0",
"description": "",
"scripts": {
"ci": "npm run lint -- ./src && npm run jest",
"start": "npm run webpack-dev-server",
"build": "set NODE_ENV=dev&& npm run webpack",
"test": "node --inspect=0.0.0.0:9229 ./node_modules/jest/bin/jest --watchAll",
"jest": "./node_modules/.bin/jest",
"lint": "./node_modules/.bin/eslint",
"webpack": "./node_modules/.bin/webpack",
"webpack-dev-server": "./node_modules/.bin/webpack-dev-server"
},
"author": "",
"license": "UNLICENSED",
"dependencies": {
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"carbon-react": "^4.0.0",
"create-carbon-app": "^1.0.3",
"namor": "^1.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-router": "^5.0.1",
"react-router-dom": "^5.0.1",
"react-table": "^6.10.0",
"styled-components": "^4.3.2"
},
"devDependencies": {
"carbon-factory": "^5.0.0",
"enzyme": "^3.0.0",
"enzyme-adapter-react-16": "^1.0.0",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.7.1"
}
}
反应表:^6.10.0
需要
反应表:v7.0.0-alpha.2
然后运行npm install重新安装正确的版本锁定它!非常感谢。没问题!:很乐意帮忙。