framer_motion__WEBPACK_IMPORTED_MODULE_5__.motion.custom不是ReactJS函数

Question

我在我的react项目中使用了chakraUI，并得到了以下错误：

chakra-ui-checkbox.esm.js:146 
        
       Uncaught TypeError: framer_motion__WEBPACK_IMPORTED_MODULE_5__.motion.custom is not a function
    at Module../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js (chakra-ui-checkbox.esm.js:146:1)
    at Module.options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at Module../node_modules/@chakra-ui/react/dist/chakra-ui-react.esm.js (chakra-ui-react-utils.esm.js:91:1)
    at Module.options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at Module../src/App.js (bundle.js:18:74)
    at Module.options.factory (react refresh:6:1)

这里是我如何在app.js文件中使用这个

import Navbar from "./components/navbar/navbar";
import { useState } from "react";
import { ChakraProvider } from "@chakra-ui/react";
import theme from "./theme";
function App() {
  const [isMenuOpen, setIsMenuOpen] = useState(false);
  return (
    <div>
      <ChakraProvider>
        <Navbar isMenuOpen={isMenuOpen} setIsMenuOpen={setIsMenuOpen} />
      </ChakraProvider>
    </div>
  );
}

export default App;

这是我的package.json文件

"dependencies": {
    "@chakra-ui/react": "^1.8.7",
    "@emotion/react": "^11.8.2",
    "@emotion/styled": "^11.8.1",
    "@testing-library/jest-dom": "^5.16.3",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
    "framer-motion": "^6.2.8",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },

Here是它的解决方案之一，但我认为这个问题已经解决了。那么我的代码有什么问题。有人能帮忙吗？

Answer 1

出其不意，我也有这个完全相同的问题，同时，你有它，我追踪到它的webpack版本，浮起来，并引起问题。

把webpack的版本定在5.70已经帮我解决了这个问题。它已经浮到了5.71。我还没有调查这一变化是什么导致了这个问题。