我正在 Laravel 6 中创建 React。当我在浏览器中运行该程序时,控制台选项卡中没有显示错误,但是如果我单击 React 开发人员工具中的组件选项卡,这些错误将显示在控制台中:
react_devtools_backend.js:24 Uncaught TypeError: Cannot read property 'current' of null
at Object.useRef (react_devtools_backend.js:24)
at Object.useRef (app.js:52209)
at useStyles (app.js:3599)
at Main (app.js:54031)
at E (react_devtools_backend.js:24)
at t.inspectHooksOfFiber (react_devtools_backend.js:24)
at Be (react_devtools_backend.js:6)
at Object.inspectElement (react_devtools_backend.js:6)
at react_devtools_backend.js:6
at t.value (react_devtools_backend.js:6)
Run Code Online (Sandbox Code Playgroud)
问题可能出在文件中使用 Material UI package: 的这行代码
const classes = useStyles();中main.js。因为如果我注释掉这些行,错误就会消失。
我尝试使用 中的相同代码创建一个新的 create-react-app 项目main.js,然后如果我在浏览器中运行,则不会显示错误。所以 Laravel 和 React 之间可能存在问题。
这是我的文件:
应用程序.js
require("./bootstrap");
require("./components/main");
Run Code Online (Sandbox Code Playgroud)
组件/ main.js
import React from "react";
import ReactDOM from …Run Code Online (Sandbox Code Playgroud)