未捕获的对象:TypeError(...)不是useAutocomplete (useAutocomplete.js:241)的函数

Question

我正在用材料ui组件开发react js应用程序。在我的应用程序中，我没有使用过redux。

一切都很正常。但是当我尝试实现material ui自动完成时，它在webpack中不起作用。它抛出了这个错误

这是我试图添加到我的应用程序中的示例代码。https://codesandbox.io/s/test-material-ui-autocomplete-o3uic

Uncaught TypeError: Object(...) is not a function
    at useAutocomplete (useAutocomplete.js:241)
    at Autocomplete (Autocomplete.js:382)
    at renderWithHooks (react-dom.development.js:2876)
    at updateForwardRef (react-dom.development.js:3032)
    at beginWork$1 (react-dom.development.js:3453)
    at HTMLUnknownElement.callCallback (react-dom.development.js:124)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:144)
    at invokeGuardedCallback (react-dom.development.js:159)
    at beginWork$$1 (react-dom.development.js:4397)
    at performUnitOfWork (react-dom.development.js:4195)

这些是我在应用程序中安装的包

 "dependencies": {
    "@babel/core": "^7.8.0",
    "@babel/plugin-proposal-class-properties": "^7.8.0",
    "@babel/preset-react": "^7.8.0",
    "@babel/runtime": "^7.0.0-beta.55",
    "@fortawesome/fontawesome-svg-core": "^1.2.26",
    "@fortawesome/free-solid-svg-icons": "^5.12.0",
    "@fortawesome/react-fontawesome": "^0.1.8",
    "@material-ui/core": "^4.8.3",
    "@material-ui/icons": "^4.5.1",
    "@material-ui/lab": "^4.0.0-alpha.45",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "autosuggest-highlight": "^3.1.1",
    "axios": "^0.19.2",
    "babel-loader": "^8.0.6",
    "bootstrap": "^4.4.1",
    "css-loader": "^3.4.2",
    "downshift": "^4.0.4",
    "file-loader": "^5.0.2",
    "file-saver": "^2.0.2",
    "html-webpack-plugin": "^3.2.0",
    "jquery": "^3.4.1",
    "material-icons-react": "^1.0.4",
    "mui-datatables": "^2.0.0",
    "notistack": "^0.9.7",
    "npm": "^6.13.6",
    "path": "^0.12.7",
    "react": "^16.13.1",
    "react-app-polyfill": "^1.0.5",
    "react-autosuggest": "^9.4.3",
    "react-countdown-circle-timer": "^1.0.6",
    "react-dom": "^16.12.0",
    "react-excel-workbook": "0.0.4",
    "react-html-table-to-excel": "^2.0.0",
    "react-idle-timer": "^4.2.12",
    "react-loader-spinner": "^3.1.5",
    "react-material-ui-form-validator": "^2.0.9",
    "react-responsive": "^8.0.1",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "^3.3.0",
    "react-virtualized": "^9.21.2",
    "react-xlsx-workbook-dynamic-column-width": "0.0.2",
    "reactstrap": "^8.2.0",
    "style-loader": "^1.1.2",
    "styled-components": "^4.4.1",
    "webpack": "^4.41.5",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.10.1"
  },

请在这方面帮助我。

Answer 1

我自己也遇到了这个错误。@material-ui/lab@4.0.0-alpha.45对@material-ui/core@^4.9.0有一个同级依赖，显然他们是认真的。您在@material-ui/core@^4.8.3上似乎被锁定了，我建议您升级：

yarn upgrade @material-ui/core@^4.9.0

请参阅确切的package.json here。