Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 这些错误正在阻止加载我的nodejs应用程序_Javascript_Node.js_Reactjs_React Dom_React Tooltip - Fatal编程技术网

Javascript 这些错误正在阻止加载我的nodejs应用程序

Javascript 这些错误正在阻止加载我的nodejs应用程序,javascript,node.js,reactjs,react-dom,react-tooltip,Javascript,Node.js,Reactjs,React Dom,React Tooltip,我在呈现页面时遇到这些错误。 我的项目基于NodeJs+React 我正在使用这些版本。 反应版本:^16.5 反应穹顶:^16.5 @材料界面/核心:^4.9.1 @材料界面/图标:^4.9.1“ 第一个错误: Tooltip.js:479 Uncaught TypeError: Cannot read property 'className' of undefined at Tooltip (Tooltip.js:479) at renderWithHooks (react-dom.deve

我在呈现页面时遇到这些错误。 我的项目基于NodeJs+React

我正在使用这些版本。 反应版本:^16.5 反应穹顶:^16.5 @材料界面/核心:^4.9.1 @材料界面/图标:^4.9.1“

第一个错误:

Tooltip.js:479 Uncaught TypeError: Cannot read property 'className' of undefined
at Tooltip (Tooltip.js:479)
at renderWithHooks (react-dom.development.js:14803)
at updateForwardRef (react-dom.development.js:16816)
at beginWork (react-dom.development.js:18645)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22157)
at workLoopSync (react-dom.development.js:22130)
第二个错误:

The above error occurred in the <ForwardRef(Tooltip)> component:
in ForwardRef(Tooltip) (created by WithStyles(ForwardRef(Tooltip)))
in WithStyles(ForwardRef(Tooltip)) (created by Block)
in div (created by Block)
in Block (created by BlockAnimation)
in div (created by PoseElement)
in PoseElement (created by Context.Consumer)
in Unknown (created by BlockAnimation)
in Transition (created by PoseGroup)
in PoseGroup (created by BlockAnimation)
in div (created by BlockAnimation)
in BlockAnimation (created by Route)
in Route (created by withRouter(BlockAnimation))
in withRouter(BlockAnimation) (created by Navigation)
in div (created by Navigation)
in div (created by Navigation)
in div (created by ForwardRef(Toolbar))
in ForwardRef(Toolbar) (created by WithStyles(ForwardRef(Toolbar)))
in WithStyles(ForwardRef(Toolbar)) (created by Navigation)
in header (created by ForwardRef(Paper))
in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper)))
in WithStyles(ForwardRef(Paper)) (created by ForwardRef(AppBar))
in ForwardRef(AppBar) (created by WithStyles(ForwardRef(AppBar)))
in WithStyles(ForwardRef(AppBar)) (created by Navigation)
in div (created by Navigation)
in Navigation (created by Connect(Navigation))
in Connect(Navigation) (created by Route)
in Route (created by withRouter(Connect(Navigation)))
in withRouter(Connect(Navigation)) (created by ReduxWrapper)
in div (created by ReduxWrapper)
in ReduxWrapper (created by Connect(ReduxWrapper))
in Connect(ReduxWrapper) (created by Root)
in div (created by Root)
in Root (created by Route)
in Route
in div
in Router (created by ConnectedRouter)
in ConnectedRouter
in Provider
in AppContainer
组件中出现上述错误:
在ForwardRef(工具提示)中(由WithStyles(ForwardRef(工具提示))创建)
在WithStyles中(ForwardRef(工具提示))(由块创建)
在div中(由块创建)
在块中(由块动画创建)
在div中(由PoseElement创建)
在PoseElement中(由Context.Consumer创建)
处于未知状态(由块动画创建)
正在转换中(由PoseGroup创建)
在PoseGroup中(由块动画创建)
在div中(由块动画创建)
在块动画中(由管线创建)
路由内(由withRouter创建(块动画))
在withRouter中(块动画)(由导航创建)
在div中(通过导航创建)
在div中(通过导航创建)
在div中(由ForwardRef(工具栏)创建)
在ForwardRef(工具栏)(由WithStyles(ForwardRef(工具栏))创建)
在WithStyles中(ForwardRef(工具栏))(由导航创建)
页眉中(由ForwardRef(纸张)创建)
在ForwardRef(纸张)(由WithStyles(ForwardRef(纸张))创建)
在WithStyles(ForwardRef(Paper))(由ForwardRef(AppBar)创建)
在ForwardRef(AppBar)中(由WithStyles(ForwardRef(AppBar))创建)
在WithStyles中(ForwardRef(AppBar))(由导航创建)
在div中(通过导航创建)
在导航中(由连接创建(导航))
in Connect(导航)(按路线创建)
路由内(由withRouter(连接(导航))创建)
在withRouter中(连接(导航))(由ReduxWrapper创建)
在div中(由ReduxWrapper创建)
在ReduxWrapper中(由Connect(ReduxWrapper)创建)
in Connect(ReduxWrapper)(由Root用户创建)
在div中(由Root创建)
在根目录中(通过路由创建)
途中
分头
路由器中(由ConnectedRouter创建)
在连接的外部
输入提供者
在AppContainer中
我搞不懂这是什么意思

使用如下工具提示:

import React,{Component}来自'React';
从“@material ui/core/Tooltip”导入工具提示;
从“/styles.css”导入样式;
类块扩展组件
{
状态={tooltipOpen:false};
开放=()=>{
这是我的国家({
工具提示笔:正确
});
}
关闭=()=>{
这是我的国家({
工具提示笔:false
});
}
渲染()
{
常数{
状态:{tooltipOpen},
道具:{num}
}=这个;
返回(
this.props.onClick({num}}>
{`Block:${num}`}
);
}
}
导出默认块;

在material ui github上查看此问题

您正在使用材质ui中的工具提示,当您使用时,其子元素必须是元素:
{`Block:${num}}}
这是错误的。尝试使用a,如下所示:
{`Block:${num}}


它必须是一个元素,因此材质ui可以从中传递引用。如果您查看其文档,您将看到它必须是一个元素

请共享与抛出错误相关的代码部分。我在上面附上了代码快照。请检查。您是否使用材质ui中的工具提示组件?您如何使用它?您的问题似乎很严重随它去吧。更新了我的答案