尝试导入错误：'useControlled‘未从'@material-ui/core/utils’中导出
这个错误信息是在使用Material-UI库时出现的，它指示无法从'@material-ui/core/utils'导出'useControlled'。
首先，'@material-ui/core/utils'是Material-UI库中的一个工具模块，它提供了一些常用的工具函数和钩子函数。而'useControlled'是其中的一个自定义钩子函数。
在Material-UI库中，'useControlled'用于创建一个受控组件，它是一种React钩子函数，用于处理受控组件的状态管理。通过使用这个钩子函数，我们可以轻松地将一个组件转换为受控组件，使其状态由外部控制。
使用'useControlled'时，通常需要传入两个参数：value和defaultValue。其中，value表示组件的当前值，defaultValue表示组件的默认值。这个钩子函数会返回一个包含两个元素的数组，第一个元素是当前受控的值，第二个元素是一个函数，用于更新这个值。
这个错误的原因可能是以下几种情况之一：
- 版本不匹配：检查你所使用的Material-UI库的版本是否支持'useControlled'钩子函数。在较老的版本中，可能没有该钩子函数或者命名有所变化，需要查看官方文档或者升级到最新版本。
- 导入路径错误：确保在导入'useControlled'钩子函数时，使用的是正确的路径。可以检查导入语句是否正确拼写，并且路径是否指向了正确的模块。
无论出现以上哪种情况，你可以参考以下腾讯云相关产品和链接，来解决这个问题：
- 腾讯云产品推荐：Tencent Cloud Serverless 云函数（https://cloud.tencent.com/product/scf） 该产品是腾讯云提供的无服务器云函数计算服务，可以帮助开发者快速构建和运行无服务器应用程序，同时支持多种编程语言和触发器，方便与其他腾讯云服务进行集成。
- 腾讯云产品推荐：Tencent Cloud 云开发（https://cloud.tencent.com/product/tcb） 该产品是腾讯云提供的一站式后端云服务，支持前后端一体化开发，包括云函数、数据库、存储、托管等功能，可以极大简化开发流程，提升开发效率。
以上是对尝试导入错误"'useControlled'未从'@material-ui/core/utils'中导出"的解答和推荐腾讯云相关产品的回答。
相关·内容
我正在实现选择页面，用户可以单击Button 1或2。一旦单击按钮，用户将被重定向到相应的页面。为了测试的简单性，我只在所有选择中使用SelectionPage。
问题是我得到了错误：
Failed to compile
./src/App.js
Attempted import error: 'SelectionPage' is not exported from './components/SelectionPage'.
我不清楚为什么SelectionPage不能导出，如果我导出它(见下文)。
App.js的代码
import React, { Comp
浏览 3提问于2020-06-17得票数 2
回答已采纳
我正在开发一个react typescript应用程序，我尝试从‘@material-ui/ makeStyles / Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'.’导入样式，结果得到错误信息，我安装了以下内容： npm install @material-ui/core @material-ui/icons @types/material-ui
浏览 54提问于2021-06-29得票数 9
在npm i --save react-router-dom和npm install --save with-router之后，我尝试编写
import {withRouter} from 'react-router';
但是我得到这个错误尝试导入错误：'withRouter‘没有从'react-router’中导出。
import React from 'react';
import PropTypes from 'prop-types';
import { Formik } from 'formik';
imp
浏览 109提问于2021-03-04得票数 5
我正在尝试使用material-ui/lab日期选择器，但是我得到了这个错误！我已经使用npm install @material-ui/core@latest更新了我的material-ui版本，它工作得很好。然而，我失去了使用createMuiTheme和MuiThemeProvider的能力。
浏览 8提问于2020-12-08得票数 22
在许多npm模块中，我最近安装了(例如。@material/core)有三种方法可以导入相同的React组件：
import { AppBar } from '@material-ui/core'
import AppBar from '@material-ui/core/AppBar/AppBar'
import AppBar from '@material-ui/core/es/AppBar/AppBar'
在哪种情况下，我应该使用变体3/ es6导出的文件？
如果tree-shaking / dead code eliminatio
浏览 0提问于2018-10-18得票数 1
我有一个错误试图导入错误：'useThemeProps‘不是从’@material ui/core/styles‘导出的。昨天的网站起了作用，但是当我在安装后删除了package-lock.json和node_modules，问题就成了。我不知道我是怎么修好的。我更新了很多材料-ui/核心版本。
我最后一次package.json
"dependencies": {
"@date-io/date-fns": "^1.3.13",
"@emotion/react": "^11.1.5",
浏览 3提问于2022-05-03得票数 0
我正在发布一个使用几个对等依赖项的模块：
在我的package.json文件中，我声明peerDependencies：
...
"peerDependencies": {
"react": ">=16",
"react-dom": ">=16",
"@material-ui/core": ">=4",
"@material-ui/icons": ">=4"
},
...
在webpack配置中，我声明了外部元素
浏览 15提问于2020-04-28得票数 1
回答已采纳
在尝试构建我的React项目时，我遇到了一个错误：
./node_modules/ethers/utils/web.js Module not found: Can't resolve 'xmlhttprequest' in '/mnt/c/Users/.../node_modules/ethers/utils'
在package.json中："dependencies": { "@material-ui/core": "^3.8.1", "@material-ui/icons
浏览 1提问于2019-01-05得票数 1
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'useControlled' is not exported from '@material-ui/core/utils'. 面对这个问题，如何解决？ 对应版本 "@material-ui/core": "^4.8.3",
"@material-ui/lab": "^4.0.0-alpha.44", Lin
浏览 26提问于2020-02-26得票数 7
回答已采纳
当我试图从material-ui导入一些图标时，我可以看到这个错误。我按照建议安装了一些模块，但仍然没有修复。 package.json "@material-ui/core": "^4.12.3",
"@mui/icons-material": "^5.0.1",
"@mui/lab": "^5.0.0-alpha.49", 我尝试使用以下命令安装/utils， $ npm install @mui/material/utils 错误： npm ERR! code ENO
浏览 144提问于2021-10-03得票数 18
我得到了以下错误，如果有人能给我指明正确的方向，我会很高兴的:)
未能编译./src/App.js试图导入错误：'UserProvider‘不是从'./model/UserContext’导出的。
UserContext.js
const UserProvider = ({ children, history}) => { ... })
export default withRouter(UserProvider);
app.js
import React from 'react';
import NavBar from './componen
浏览 7提问于2019-09-27得票数 0
3回答
在我的应用程序中大量使用资料-ui，有办法避免像这样在每个应用组件中进行导入吗？
import Typography from "@material-ui/core/Typography";
import Box from "@material-ui/core/Box";
import Grid from "@material-ui/core/Grid";
import Container from "@material-ui/core/Container";
....
或者这个：
import {Typography, Box
浏览 0提问于2020-04-23得票数 4
回答已采纳
我试图使用这个组件直接从材料Ui (简单菜单)文档，以使菜单出现。但是，通过下面的尝试，我得到了TypeError: react__WEBPACK_IMPORTED_MODULE_1___default.a.useState is not a function错误。我试过：
import React, { useState } from 'react';，然后去掉const [anchorEl, setAnchorEl] = React.useState(null);内部的React，使其看起来像：const [anchorEl, setAnchorEl] = useSta
浏览 2提问于2019-01-17得票数 3
我正在尝试构建一个搜索栏，它通过使用材料-Ui样式在网格中放置的用户数组进行过滤。我已经多次尝试通过映射和显示用户，但我无法在网格中显示用户的页面。
我一直收到一个错误：“用户没有定义”。
下面是UserList.js代码
// implemented a class based component
import React, { Component } from 'react';
import './UserList.css'
// we will be using this for our cards
import Grid from '@mat
浏览 0提问于2018-11-27得票数 0
2回答
通过阅读资料-ui文档和在线示例，似乎有不同的方法来导入相同的项目： import TextField from 'material-ui/TextField';
// or
import TextField from '@material-ui/core/TextField';
// or
import { TextField } from '@material-ui/core'; 不同的导入方式有什么不同？
浏览 20提问于2019-10-17得票数 1
回答已采纳
我试图写我的代码，我导入了我的css文件，但它的地址是正确的，但它没有，我也收到了这个错误： ./src/components/topbar/Topbar.jsx
Attempted import error: 'NotificationsNoneIcon' is not exported from '@material-ui/icons'. 当我运行这些命令时： npm install @material-ui/core
npm install @material-ui/icons 这是我的代码:你能帮我吗？ import React from 'r
浏览 16提问于2021-06-17得票数 1
回答已采纳
我刚刚花了3个小时试图自己找到一个解决方案，但我肯定被困住了。 我想使用Mui自动完成组件，但无论我如何尝试，都会收到以下消息： Failed to compile
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'unstable_useId' is not exported from '@material-ui/core/utils' (imported as 'useId'). 我已经检查过我的核
浏览 43提问于2020-04-24得票数 4
4回答
for导入语句的标准方法
、、、、
我想知道是否有一种标准的方法来编写react中的导入语句？例如，我有这样的想法：
import React, { useState, FormEvent } from 'react';
import Avatar from '@material-ui/core/Avatar';
import {Grid, Checkbox, TextField, FormControlLabel, CssBaseline} from '@material-ui/core';
import LockOutlinedIcon from '@material-
浏览 14提问于2020-04-14得票数 1
回答已采纳
当尝试在代码中实例化材料时，它抛出错误消息:尝试导入错误：' ToogleButton‘is not exported from '@material-ui/lab’。 import { ToogleButton } from '@material-ui/lab'; 版本： - @material-ui/core@4.9.8
- @material-ui/lab@4.0.0-aplha.47
- react@16.13.1
- react-dom@16.13.1
浏览 4提问于2020-04-03得票数 0
1回答
我想将函数从我的一个使用钩子的功能组件导出到另一个。我想防止冗余代码出现在我的组件中。 我曾尝试创建单独的function.js文件来放置我的一些函数，但useDispatch钩子使其无法实现，因为它在每次尝试使其工作时都抛出了许多错误。我正在寻找解决方案，并尝试了一些不同组合的export语句。 我想要做的是将我的toggleDrawer函数从Layout组件导出到其他组件，下面是我的代码。我相信这很简单，我错过了一些东西。 import React from 'react'
import { useSelector, useDispatch } from 'rea
浏览 56提问于2019-09-19得票数 3
我使用的是带有类型记录的NextJS，当我试图构建代码时，_app.tsx文件中会出现以下错误：
属性'Component‘在类型'App<{}，{}，{}>’上不存在。
我从AppProps类型('next/app')获得组件，这是代码：
import React from "react";
import { CssBaseline } from "@material-ui/core";
import { ThemeProvider } from "@material-ui/core/styles"
浏览 4提问于2021-01-20得票数 1
回答已采纳
因此，我尝试将我的帖子详细信息映射到教程中的卡片上
它给出了"TypeError:无法读取未定义的属性‘映射’“
我搜索了堆栈溢出和其他网站，但是没有人帮我解决这个问题。
编译器也给了我这个警告。
./src/components/dummy posts.js
第1:7行：“posts”被分配一个值，但从不使用未使用的-vars。
这是我的密码：
App.js
import React, { Component } from 'react';
import AppBar from '@material-ui/core/AppBar';
impor
浏览 4提问于2019-12-31得票数 0
回答已采纳
我想创建名为"Menu“的组件，并从MaterialUI导入"Menu”，如下所示：
import React, {Component} from 'react';
import Menu from '@material-ui/core/Menu';
class Menu extends Component {
render() {
return (
<div>
<Menu>
...
浏览 7提问于2018-09-06得票数 3
试图使用材料Ui实验室的复选框。但是，在npm安装了三个依赖项：@material-ui/lab、@material-ui/core和@material-ui/icons之后，我收到了以下错误：
./node_modules/@material-ui/core/esm/Portal/Portal.js Attempted import error: 'HTMLElementType' is not exported from '@material-ui/utils'.
我的进口商品如下：
import React from 'react';
im
浏览 7提问于2020-11-13得票数 2
回答已采纳
我刚刚将一些代码从一个项目复制到另一个项目，而console.log(“这是身份验证的：”+身份验证)正在返回未定义的，尽管我可以看到身份验证为true -处于redux状态(当我处于本地主机时，单击鼠标右键检查，然后转到redux然后状态。)
这可能是我的react或redux版本的问题吗？
import React, { Component, Fragment } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redu
浏览 1提问于2021-11-28得票数 0
回答已采纳
./node_modules/@material-ui/core/GlobalStyles/GlobalStyles.js试图导入错误：'GlobalStyles‘不是从’@material/system‘导出的(作为’SystemGlobalStyles‘导入)。
我正面临着这个问题，我不知道它发生在哪个文件中。
浏览 8提问于2022-07-13得票数 1
我将作为一个独立的npmjs包发布一个反应性组件。我的React组件依赖于@material-ui/core作为依赖项。我可以在Webpack配置文件中将react和react-router-dom包指定为外部包，但似乎@material-ui/core仍然绑定到我的最终产品中，而不是外部的。
webpack.config.js：
externals: {
'@material-ui/core': {
amd: '@material-ui/core',
commonjs: '@material-ui/core',
co
浏览 0提问于2018-07-12得票数 2
回答已采纳
5回答
我正在创建一个应用程序使用的反应和材料-UI，我已经包括了反应路由器以及。但是当我运行我的应用程序时，我会得到以下错误(Uncaught TypeError：(0，_reactDom.ReactDOM)不是函数)。
我使用的是React v0.14.3和React路由器v1.0.2
BodyComponent我用不同的文件编写，并将它导入到我的main.js
我尝试了ReactDOM.render，但是我得到了以下错误
未知错误:不变量冲突:元素类型无效:期望字符串(用于内置组件)或类/函数(用于组合组件)，但获得: object.
我为同样的人创造了小提琴：
以下是我的代码：(更新代码)
浏览 4提问于2015-12-11得票数 5
3回答
如何模拟withStyles在material-ui/core/styles.js中的实现
下面是一个测试：
import React from 'react'
import { shallow } from 'enzyme'
import { withStyles } from '@material-ui/core/styles'
import TempComponent from './TempComponent'
jest.mock('@material-ui/core')
it('render
浏览 0提问于2018-07-03得票数 2
回答已采纳
在浏览器中，我得到了错误：
未能在'C:\Users\Ja\Desktop\INFA\ProjektInzynierski\Projekt\Engineering-Project\client\src\components\layout\search‘中编译./src/components/layout/search/Searchbar.js模块:无法解析’./node_node/@material ui/core/IconButton‘
控制台错误：
map-contours.js:16未明错误:无法在Module../src/components/layout/searc
浏览 6提问于2019-10-06得票数 2
回答已采纳
我是React.JS的新手，我目前正在与Node一起使用它，我有以下问题：
我使用的是来自Material UI(谷歌的界面资产-按钮、菜单等)的按钮，我在一个通过函数运行的const中定义了该按钮的样式(因为它是在他们自己的网站上声明的，所以我不知道为什么我需要一个函数而不是调用const)。
我正在做的是定制我要导入的按钮的页边距，并将浏览器预定义按钮上的显示设置为“无”，这样它就消失了。
我在一个名为HookApi.js的组件中插入了带有样式值的const，这是它的内容：
import React, { useState } from 'react';
import &#
浏览 7提问于2020-06-04得票数 0
回答已采纳
3回答
我有一个使用Material的React项目，我正在应用一个来减少我的包大小。
基本上，我需要安装babel-plugin-transform-imports包并更新导入组件的方式：
// Replace this (Option 1):
import Button from "@material-ui/core/Button";
// Whith this (Option 2):
import { Button } from "@material-ui/core";
一切都很好，但是，我想防止“错误”的进口(选项1)在未来。
是否有一种自定义ESLint规则的
浏览 1提问于2019-08-14得票数 4
回答已采纳
我想直接从我的应用程序中的依赖项(@material/图标)根部阻止导入，以及强制树抖动。
有效- import AccessAlarmIcon from "@material-ui/icons/AccessAlarm";无效- import AccessAlarmIcon from "@material-ui/icons/";
资料用户界面有一个很好的指导设置树摇动，但它没有强制上述无根规则。
rules: {
"no-restricted-imports": [
"error",
{
浏览 3提问于2020-07-23得票数 4
2回答
你好，StackExchange社区。
我刚开始反应，在调用从另一个文件导出的函数时遇到了一些困难：
当我试图从表单调用此函数时，我会收到以下错误：
Attempted import error: 'PrivateRoute' is not exported from '../components/PrivateRoute'.
构成部分：
import React from "react";
import { Route, Redirect } from "react-router-dom";
function PrivateR
浏览 3提问于2020-11-04得票数 0
回答已采纳
我有一个使用create-react-app搭建的应用程序。我想要这样的文件夹结构：
src/
components/
CustomAppBar.js
images/
logo.svg
App.js
index.tsx
images.d.ts
目前，我想使用CustomAppBar.js中图像文件夹中的logo.svg。目前，此文件如下所示：
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '
浏览 1提问于2018-06-07得票数 11
回答已采纳
在浏览器上运行项目时出现了以下错误：
未能编译：
./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.
我正在尝试实现 (来自“多值”部分中的示例)。
下面是我使用的代码：
import React from 'react';
import Chip from '@material-ui/co
浏览 6提问于2020-04-05得票数 12
回答已采纳
当我升级v4时，我会得到错误：
Uncaught (in promise) Invariant Violation: You must pass a component to the function returned by connect. Instead received {"propTypes":{},"displayName":"WithStyles(EditDialog)",...}
我试图根据方法查看react的版本：
$ npm view react-redux version
7.1.0
显然，我们的情况是不同的。
应该注意的是，
浏览 0提问于2019-08-22得票数 1
回答已采纳
我正在尝试优化我的供应商bundle.js，因为它已经膨胀了，我正在使用material-ui库。
import Card from 'material-ui'; // Very bad as this will import everything
谁能告诉我这两个import语句在导入到你的应用程序中的js代码的大小方面有什么不同，或者它们是一样的。
import { Card } from 'material-ui';
import Card from 'material-ui/Card'
浏览 0提问于2017-09-01得票数 1
我有一个基于mui-org/material-ui的组件库dot-components。我有另一个应用程序正在使用我的dot-components组件库，最近我注意到在我的单元测试中出现了一个控制台警告。 控制台警告 console.warn
Material-UI: The `css` function is deprecated. Use the `styleFunctionSx` instead.
at css (../../node_modules/@material-ui/system/styleFunctionSx.js:75:13)
浏览 66提问于2021-08-17得票数 3
回答已采纳
5回答
我有个小问题。有了这个文件结构，我想公开所有组件(在index.js中)，这样就可以在App.js中找到它们，比如：import { Header, Menu } from "../components";。但是，我发现组件中既没有Home也没有Menu，这是个错误。结构如下：
src/
index.js
app/
App.js
createStore.js
reducers.js
components/
index.js <--------------- In here, I'd like to export all
浏览 2提问于2020-07-04得票数 5
回答已采纳
我得到了这个错误试图导入错误：'Outlet‘不是从’router‘导出的。
如果我评论Outlet，它会引发试图导入错误：'Switch‘不是从’router‘导出的。
我的package.json是
{
"name": "react-shoe-store-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.11.2
浏览 8提问于2021-01-09得票数 0
为了使用警报组件，我安装了资料-ui/lab，但是每当我用：import Alert from '@material-ui/lab/Alert';导入它时，它就无法编译并抛出此错误：
./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.
因此，我试图在谷歌上搜索这个问题，并发现了关
浏览 8提问于2020-04-10得票数 38
回答已采纳
1回答
我用路由完成了一个小任务，当我将/放在URL中时，它会将我重定向到登录页面，而当我将/dashboard重定向到具有重要UI持久抽屉的仪表板上时。但是我这样做是完全错误的，因为我在2个组件中使用了browserRouter，但理想情况下，它应该只在根组件中使用，因为这是我第一次单击抽屉中的某个链接时，它在仪表板中呈现该组件，但是当我刷新页面时，它没有加载任何东西，我没有看到一个示例，路由非常有组织，就像当我注册他们的URL是auth/signup时，他们的URL是auth/signup，仪表板的URL是dashboard/app，当我点击其他链接条目时，模式是相同的dashboard/link
浏览 3提问于2021-04-20得票数 2
回答已采纳
1回答
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import { InsertDriveFileOutlinedIcon } from '@materi
浏览 0提问于2019-04-10得票数 1
我试着用一个主题来改变排版的颜色，但它不会改变颜色。"Hallo World 1“的颜色仍然是#3f51b5，"Hallo World 2”的颜色是rgba(0，0，0，0.87)。
我将接受不包括样式/css的任何回答。
import { ThemeProvider } from '@mui/styles'
import { createTheme, Typography } from "@material-ui/core"
import createPalette from '@material-ui/core/styles/crea
浏览 6提问于2022-02-01得票数 0
回答已采纳
您好，我正在开发react应用程序，我正在尝试从@material-ui导入核心。我使用"import { ImageList } from '@material-ui/core'; but it gives me error while compiling , i 've installed npm install @material-ui/ ImageList `以下是我的依赖项"@material-ui/core"："^4.11.4"，"react"："^17.0.2"，"reac
浏览 19提问于2021-06-22得票数 0
1回答
我使用上下文API来存储主题值。主题本身是用<createMuiTheme>创建的，并通过<MuiThemeProvider>和<CssBaseline>从<Layout>传递给孩子。我可以通过React看到状态的变化，但是主题本身并没有被应用-我不知道为什么.
下面是一个完整的示例 --警告:包含。下面是一个节略的版本。
默认和暗主题定义：
// theme/dark.js
import { createMuiTheme } from "@material-ui/core/styles";
const theme = crea
浏览 1提问于2020-03-06得票数 2
回答已采纳
在父组件中，类存在并且可以很好地找到{ this.props }。但是，在子组件中，类未定义，并且找不到{ this.props }。这两个组件都封装在HOC中，但是子组件是通过React Router呈现的。相关代码如下，如果您需要更多上下文，请告诉我：
父级：
import React, { Component } from "react";
import { withStyles } from '@material-ui/core/styles';
...
import styles from "../../assets/ParentPage/st
浏览 11提问于2021-06-11得票数 1
回答已采纳
在将@material-ui导入到我的React组件时，我得到了一个错误。找不到模块:错误:无法解析'./utils。我可以导入其他的库，比如lodash，但是使用@material-ui就有问题了。我尝试重新安装node_modules，但仍然出现错误。 import React, { useEffect } from "react";
import _ from "lodash";
import Button from "@material-ui/core";
export default function Dashboard()
浏览 44提问于2020-06-29得票数 0
回答已采纳
我正在开发一个ReactJS应用程序，我可以通过两种方式从库中导入类。第一个是使用一个import子句并在方括号中指定我想要的类：
import { makeStyles, CssBaseline, Box } from '@material-ui/core';
第二个是在不同的import子句中指定每个类：
import makeStyles from '@material-ui/core/makeStyles';
import CssBaseline from '@material-ui/core/CssBaseline';
import B
浏览 9提问于2020-01-01得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
