./src/components/styles.js尝试导入错误：'@material-ui/core/styles‘不包含默认导出(作为’makeStyles‘导入)
在导入错误的情况下，'@material-ui/core/styles'模块不包含默认导出，因此无法直接使用'makeStyles'进行导入。
要解决这个问题，可以尝试以下几种方法：
- 使用具体的导入语法：
import { makeStyles } from '@material-ui/core/styles';这样可以直接导入'makeStyles'函数并使用。
- 检查安装的依赖版本：
确保你安装的
@material-ui/core模块的版本是兼容的。可以通过运行以下命令来更新或重新安装依赖：
npm install @material-ui/core- 检查导入路径： 确保你的导入路径是正确的，可以通过检查文件路径和文件名来确认。
- 检查模块是否存在：
确认
@material-ui/core/styles模块是否存在，并且是否包含所需的导出。
如果以上方法都无法解决问题，可能需要进一步检查你的代码和环境设置，以确定是否存在其他问题。
相关·内容
我得到了 ./src/components/styles.js尝试导入错误：'@material-ui/core/styles‘不包含默认导出(导入为'makeStyles')。 当我尝试运行我的react应用程序时。我该如何解决这个问题呢？ 以下是styles.js的内容以供参考： import makeStyles from "@material-ui/core/styles";
export default makeStyles(()=>({
ul:{
justifyContent: "space-ar
浏览 17提问于2021-07-14得票数 0
我有这个组件，我正在使用react测试库编写测试用例，当从.module.css文件导入样式时，我面临样式问题，但使用样式组件(style.js)时工作正常。
Demo.js
import styles from 'components/Demo/demo.module.css'
const Demo = () => {
return (
<div>
<p className={styles.newText} data-testid="closeIcon">
hello
</
浏览 2提问于2021-08-04得票数 3
我只是遇到了一个问题，无法在react function组件中使用材料UI加载CSS。虽然我把它修好了，但我还是很好奇为什么。在开始时，我编写了类似这样的代码，将makeStyles和useStyles都放在function组件中。然后，我发现类名被正确地分配给了元素，但是没有加载css。
import makeStyles from "material-UI"
import styles from "styles.js"
export default function alertPage() {
const useStyles = makeStyles(
浏览 2提问于2020-11-19得票数 0
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
回答已采纳
我正在开发一个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
你好，我是stroybook的新手，我喜欢在我的组件上使用自定义颜色，但我一直收到错误。
这是下面的代码，可以帮助我解决这个问题，这样我就可以看到如何在故事书中使用故事书材料ui元素。
代码：
import "bootstrap/dist/css/bootstrap.min.css";
import React from "react";
import { deepOrange, deepPurple } from '@material-ui/core/colors';
import { makeStyles } from '@ma
浏览 3提问于2021-05-25得票数 1
在浏览器中，我得到了错误：
未能在'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
回答已采纳
我目前正在进行ReactJS的培训。我使用material-ui。 我不知道我对withStyles的理解是否正确。 通过这段简单的代码(见下文)，我得到了TypeError: prevDeps是未定义的。 如果我在应用程序组件中删除setState，它是可以的。 如果我在测试组件中通过``withStyles(MyJss)( withStyles(styles)(Test) )更改测试行，就可以了。 为什么？有什么想法吗？ 感谢您的帮助;) myJss.js const myJss = theme => ({
textCenter : {
textAlign:
浏览 11提问于2019-10-10得票数 2
我正在构建一个'ReactJS‘应用程序，并遇到了以下错误：
E:/Projects/PortfolioSite/React-Portfolio-Website/react-portfolio-website/src/components/Navbar.js:39 36，theme.spacing不是一个函数(匿名函数)：{ 37维显示：“块”，38维边距："0.5rem auto"，> 39欧元宽: theme.spacing(13)，40连平: theme.spacing(13) 41 \x} 42 })；
我已经从makestyles中导入了"
浏览 2提问于2021-05-07得票数 3
回答已采纳
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
回答已采纳
当我测试组件并尝试挂载它时，我会得到标题中的错误。当我挖掘堆栈跟踪时，我在文件中找到了结果：
node_modules/@material-ui/core/Typography/Typography.js
这个文件中的代码是：
var styles = function styles(theme) {
return {
root: {
margin: 0
},
body2: theme.typography.body2, //this line makes the exception
........
添加堆栈跟踪的末尾：
at stytlesOrCre
浏览 3提问于2020-08-02得票数 1
回答已采纳
首先，我不得不说，我有这个问题超过两天，我真的不知道该做什么更多，我搜索了所有的堆叠溢出，在那里的一些问题，在那里，我完全放弃了我的问题，我尝试了，他们都没有工作，我寻找文件，我跟踪，但我不知道我是否做得对。
我不得不说我才刚开始学习反应。
好的，当我使用npm start时会发生错误，在终端中，我得到了一个Failed to compile，并在浏览器中显示了一个错误：
4:16-26‘@material ui/core/styles’不包含名为'makeStyles‘的导出。
我必须提到，我将js文件命名为styles.js，后来我将它重命名为Component.styles.
浏览 0提问于2021-07-13得票数 2
回答已采纳
我正在尝试升级到资料用户界面，从4.11版升级到第5版，但面临着主题问题。
import { createTheme } from '@mui/material/styles';
import {
ThemeProvider,
StyledEngineProvider,
} from '@mui/material/styles';
const theme = createTheme({
...custom themes
});
<StyledEngineProvider injectFirst>
<T
浏览 6提问于2022-04-18得票数 1
我正在实现选择页面，用户可以单击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
回答已采纳
1回答
它没有显示滑块，甚至我在文件夹上的png，请帮助我，因为它非常重要我正在构建我的投资组合网站 import React from "react";
import MenuIcon from "@material-ui/icons/Menu";
import { makeStyles } from "@material-ui/core/styles";
import {
AppBar,
Toolbar,
ListItem,
IconButton,
ListItemText,
Divider,
Avatar,
Li
浏览 18提问于2020-12-04得票数 0
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
回答已采纳
我试图运行一个javascript应用程序，但它显示了这个错误。我没有找到任何有用的答案。当我评论Button.js时，代码是有效的，但没有显示任何东西，我想这个问题与物质-ui框架.I有关，如果有人能帮我的话，我会很感激的。
Failed to compile.
src/components/CustomButtons/Button.js
Line 15:23: Component definition is missing display name react/display-name
Search for the keywords to learn more about ea
浏览 4提问于2022-03-21得票数 1
回答已采纳
我有一个使用Gatsby.js使用构建的网站。
具体问题是:我想使用“元素可见性”触发器。如果某些HTML元素变得可见，GTM应该触发一些GA标记。
问题是:我如何为GTM的物料ui组件指定HTML来查找它？
第一个例子：
// ...react imports omitted...
import makeStyles from '@material-ui/core/styles/makeStyles';
import Box from '@material-ui/core/Box';
import Grid from '@material-ui/cor
浏览 5提问于2019-12-16得票数 6
回答已采纳
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
回答已采纳
1回答
我对Material-UI和使用localhost测试我的web应用程序都很陌生。基本上，我已经创建了一个按钮，当用户点击它时，它将路由到外部url (现在是)。由于未知原因，单击按钮将路由到而不是。不确定问题出在哪里？
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActionArea from '@materia
浏览 0提问于2021-05-18得票数 1
5回答
我对ReactJs很陌生，我正在尝试使用react的资料UI库来实现TabContext，并且我得到了上面的错误。我想是因为路径。我试图再次安装资料界面，但没有帮助。我要分享我的code.Please支票
my-app/src/App.js
import logo from './logo.svg';
import './App.css';
import Navbar from './Components/Navbar';
import Form from './Components/Form';
function App()
浏览 6提问于2021-08-21得票数 0
回答已采纳
import React from 'react'
import Card from '@material-ui/core/Card'import CardMedia from '@material-ui/core/CardMedia';
import CardContent from '@material-ui/core/CardContent';
import {makeStyles} from '@material-ui/core'
import { red } from '@material-ui
浏览 29提问于2021-03-20得票数 0
import React from 'react';
import Component from './components/Component';
import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles';;
const theme = createMuiTheme({
container: {
width: '100%',
paddingRight: '15px',
pa
浏览 0提问于2020-06-14得票数 0
回答已采纳
我想转换这个Functional Component
import React from 'react';
import logo from './logo.svg';
import './App.css';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar
浏览 1提问于2019-11-05得票数 0
回答已采纳
我正在学习MUI，在课程中，老师要求我只设计一个组成部分，而不是整个主题。
为此，它使用makeStyles函数并扩展theme.mixins.toolbar。问题是，当我这样做时，我有以下错误：
TypeError: Cannot read properties of undefined (reading 'toolbar')
本课程显然在第4版中，我使用的是版本5。尽管如此，我的代码似乎遵循文档所要求的更改。那么是什么导致了这个错误呢？
app.js
import "./App.css";
import Header from "./componen
浏览 9提问于2021-10-12得票数 5
回答已采纳
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
回答已采纳
我似乎对以正确方式导出的这个模块有问题，但是当它被导入时，我得到了上面所述的错误。有人能帮忙吗？任何东西都很感激，这里是模块的代码。
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Typography from "material-ui/styles/typography";
const useStyles = makeStyles(theme => ({
main
浏览 4提问于2019-12-08得票数 0
回答已采纳
如何将makeStyle类从父组件传递到子组件，并将它们与子组件中的makeStyle类组合在一起？例如，如下所示，将隐藏的断点添加到子组件样式。 示例子组件： import React from "react"
import { Button } from "@material-ui/core"
import { makeStyles } from "@material-ui/core/styles"
const useStyles = makeStyles(theme => ({
button: {
background
浏览 14提问于2020-06-25得票数 5
回答已采纳
我构建了一个简单的react应用程序，它在获取数据后从数据库(如mysql )获取用户，我想将数据传递给子组件，它有时会工作，但是当刷新页面时，抛出的错误(如data.map不是函数 )、父组件的代码
import React,{useEffect, useState ,Context, createContext} from 'react'
import Sidenav from '../components/Sidenav'
import {makeStyles} from '@material-ui/core/styles';
import
浏览 4提问于2021-01-03得票数 0
2回答
大家好，各位程序员。
我目前遇到了一个问题，我自己的风格创建使用makeStyles(...)。所发生的事情是:当我导入从另一个模块导出的样式常量时，style块被放置在其他MUI样式之前，这会导致我的样式被覆盖。我还没有找到任何解决办法。
请注意：--属于我的样式块--是makeStyles数据元的样式块。另一件事是，我尝试使用StylesProvider。
重要：只有上传时才会发生这种情况。它在本地主机上运行得很好，但这是上传到vercel的结果。
以下是两个用法示例：
import { Theme } from '@material-ui/core';
import {
浏览 4提问于2020-09-14得票数 2
回答已采纳
1回答
我不能将增加的高度固定到组件中
、、、、
我在react.js项目中工作，使用material-ui和sass.I。我需要创建像ChatBit组件这样的组件，然后我编写了它作为它发布。 customComponent.js文件。 // @flow
import * as React from 'react';
import { useState } from 'react';
import { Avatar} from "@material-ui/core";
import useStyle from './styles';
浏览 11提问于2020-04-10得票数 1
回答已采纳
我曾尝试使用下列进口产品：
从“@material ui/core/styles”导入{ makeStyles }；
从‘@mui/styles/makeStyle’导入makeStyles；@material ui/core/styles‘
从@material/styles导入makeStyles
从"@mui/material“导入{makeStyles}
从"@mui/styles“导入{makeStyles}
从@material ui/core/styles中导入{ makeStyles }
从“@material ui/styles”导入{ makeStyles
浏览 18提问于2022-09-18得票数 0
回答已采纳
我使用Next.js和React，使用+上下文来管理状态。但是，我遇到了这个问题，即使我是在传递上下文对象(至少我认为是这样)，React.useContext()仍然返回未定义的内容。我错过了什么很明显的东西吗？发生什么事了呢？
我在一个名为CartContext的const中创建了上下文，然后在我的提供者组件中创建了value对象，并将其作为支持传递给了CartContext.Provider (参见下面的_app.js)。我通过添加一个<h1>元素来确保上下文提供者正在包装我的组件。
这个问题似乎发生在index.js中。我从CartContext中导入了./_app.js，
浏览 13提问于2020-05-15得票数 4
我有一个以Material-UI作为UI框架的Next.js项目。 我正在使用React hooks表单进行验证。 我的主组件有表单，我有用于不同输入字段的子组件。 我的表单组件如下图所示： import { Paper } from "@material-ui/core";
import React from "react";
import { makeStyles, withStyles } from "@material-ui/core/styles";
import CPTextBox from "../../component
浏览 157提问于2021-01-20得票数 0
回答已采纳
我正在实现一个表单和下载文本输入从表单作为一个PDF格式。但是我在实现Next和submit按钮时面临问题，它可以路由到我的PDF组件，它可以选择下载表单。请任何人在这里帮助我解决这个问题:)下面是我的组件，名为"Map“，带有下一个按钮，它应该连接到PDF组件：
enter code here
import React , { Component} from 'react';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui
浏览 1提问于2021-08-08得票数 2
回答已采纳
在Material v5中，一些API使用是从@mui/material/styles导入的，比如useTheme。一些API使用是从@mui/styles导入的，比如makeStyles。我能否仅从一个库( @mui/styles或@mui/material/styles )中使用那些与样式相关的API？因为，在Material v4中，我从'@material-ui/core/styles'或'material-ui/styles'导入了所有与样式相关的API。
浏览 5提问于2021-10-09得票数 22
回答已采纳
1回答
我正在创建一个简单的反应应用程序使用的材料-ui。我使用MuiThemeProvider和ThemeProvider作为主题。
App.js
import React from 'react';
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
import { ThemeProvider } from '@material-ui/styles';
import { CssBaseline } from '@material-ui/c
浏览 5提问于2020-03-25得票数 4
2回答
我尝试在ReactJS中使用一个MU upload按钮，与官方页面(第四个按钮，带有图标)的代码完全相同：https://material-ui.com/components/buttons/#upload-button我已经导入了所有需要的依赖项，此按钮的反应代码如下所示： import { makeStyles } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";
import IconButton from "@material-ui
浏览 15提问于2020-01-11得票数 1
1回答
我想将函数从我的一个使用钩子的功能组件导出到另一个。我想防止冗余代码出现在我的组件中。 我曾尝试创建单独的function.js文件来放置我的一些函数，但useDispatch钩子使其无法实现，因为它在每次尝试使其工作时都抛出了许多错误。我正在寻找解决方案，并尝试了一些不同组合的export语句。 我想要做的是将我的toggleDrawer函数从Layout组件导出到其他组件，下面是我的代码。我相信这很简单，我错过了一些东西。 import React from 'react'
import { useSelector, useDispatch } from 'rea
浏览 56提问于2019-09-19得票数 3
我的情妇有个问题，就是它没有出现？这是我第一次做一个网站项目，使用JS和React，所以我不知道到底是什么交易.我甚至试图通过抄袭教程中的代码来学习，我以前一直是这样做的，当我想学点东西的时候。但是没有一个错误或者什么，但是，当我运行这个项目时，它并没有出现。
这是..。
App.js
import React, { useState } from "react";
import { makeStyles } from "@material-ui/core/styles";
import { CssBaseline, Container, Grid, AppBa
浏览 9提问于2022-05-13得票数 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
回答已采纳
我正在尝试覆盖Material-UI TreeView组件中所选TreeItem的样式。根据CSS API文档，有一个selected选择器，但当我使用它时，我看到的是整个子树的样式，而不仅仅是所选的项。什么是正确的选择器，用来只设置所选树项目的样式？ 代码沙盒：https://codesandbox.io/s/nostalgic-flower-e85cd?file=/src/App.js import React from "react";
import { makeStyles } from "@material-ui/core/styles";
impo
浏览 30提问于2020-06-29得票数 3
回答已采纳
我的父组件 import React from "react";
import TopModal from "./components/topModal";
// passing productImage to the Child Component
import productImage from "../../../../../../assets/images/juices.jpg";
import { makeStyles, Grid } from "@material-ui/core";
// md 6
cons
浏览 21提问于2021-04-21得票数 0
我知道这个错误已经发布了很多次，但没有一个修复方法对我有效。我已经坚持了一个星期了.
我在业余时间学习react，我想制作一个网页，它接受一个json对象，遍历它以填充卡片，然后返回卡片。这是在我导入到主页中的组件中创建的。下面是错误：
未捕获的错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但got: undefined。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。检查Dashboard的render方法。
import React from 'react';
import { CardHeader, Card } f
浏览 25提问于2020-03-04得票数 0
回答已采纳
我是新来的。当我在Matter-ui.com中使用Grid组件输入代码时，它会显示此错误。找不到模块:无法解析'.module.scss'*有人知道如何解决这个问题吗？
这是我的密码
import { Grid, makeStyles, Paper } from '@material-ui/core';
import React from 'react';
import MC_MainH1 from '../components/MC_MainH1';
import MC_Para from '../components/
浏览 1提问于2021-05-28得票数 0
回答已采纳
你好，我有一个function项目，当我单击一个图像时，我想触发一个动作，但是函数没有执行。我想用这个来访问另一个视图，使用react路由器-dom历史记录。这是我的代码：
import React from "react";
import "perfect-scrollbar/css/perfect-scrollbar.css";
import { useHistory } from 'react-router-dom';
// @material-ui/core components
import { makeStyles } from
浏览 3提问于2022-04-29得票数 1
回答已采纳
2回答
我正在使用material ui popper，并希望将转换分离为一个单独的函数，如下所示 import React from 'react';
import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
import Popper from '@material-ui/core/Popper';
import Fade from '@material-ui/core/Fade';
const useStyles = makeStyle
浏览 27提问于2020-04-24得票数 1
回答已采纳
我有4个输入字段在我的反应功能组件，我已经做了一个函数contactMeButtonPressed，我想抓取所有的输入名称，电子邮件，公司名称，消息时，我点击我的联系按钮。
我需要在这里的状态，还是我可以达到我的目标，我的代码？
现在我正在控制台上打印测试，稍后我将把信息发送到我的Django后端.
contact.js
import React, {Component} from 'react';
import Navbar from "./Navbar";
import {useStyles} from '../../static/styles/st
浏览 5提问于2021-06-18得票数 0
回答已采纳
1回答
我正在使用Reacts material UI，但有一件事有问题。根据所有的例子https://material-ui.com/components/autocomplete/，选项列表总是显示时，点击输入框，但我想要的是只显示与搜索词相关的选项，例如在谷歌搜索框中，它只显示与在框中输入字母相关的结果。任何建议都会有帮助。 import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Input from '@material-ui/co
浏览 11提问于2020-06-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
