无法解析'@material-ui/core/Alert‘
"@material-ui/core/Alert" 是一个前端开发中常用的组件库，它提供了一种简单且易于使用的方式来创建警告提示框。
该组件库的主要特点包括：
- 概念：Alert 组件是一种用户界面元素，用于向用户显示重要的信息、警告或错误。它通常以弹出框或顶部固定栏的形式出现，以吸引用户的注意力。
- 分类：Alert 组件可以根据不同的用途进行分类，例如成功提示、警告提示、错误提示等。每个分类都有不同的样式和图标，以便用户能够快速识别和理解提示的含义。
- 优势：使用 Alert 组件可以提高用户体验和界面的可用性。它可以帮助开发人员在用户界面中有效地传达重要信息，同时提供一致的外观和交互方式。
- 应用场景：Alert 组件适用于各种 Web 应用程序和网站，特别是在需要向用户传达重要信息、警告或错误时。它可以用于登录/注册成功提示、表单验证错误提示、操作成功/失败提示等场景。
- 腾讯云相关产品：腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、云存储、云函数等。这些产品可以与 Alert 组件结合使用，以构建完整的 Web 应用程序。
腾讯云产品介绍链接地址：腾讯云产品
请注意，以上答案仅供参考，具体的应用和推荐产品可能因实际需求和情况而有所不同。建议根据具体情况进行选择和使用。
相关·内容
我尝试使用material-ui中的Alert组件，并成功安装了@material-ui/core，但仍然出现错误Can't resolve '@material-ui/core/Alert‘。 package.json “”“ {
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.12.3
浏览 43提问于2021-09-22得票数 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
回答已采纳
我不能使用compose withRouter和withAlert它只工作withRouter但是我不能使用compose..
它显示错误Unhandled Rejection (TypeError)：无法读取未定义属性‘success
import React from "react";
import Container from "@material-ui/core/Container";
import Typography from "@material-ui/core/Typography";
import Grid from "
浏览 5提问于2020-05-18得票数 1
回答已采纳
2回答
我有两个档案(父母和孩子)。我希望孩子们称呼父母的功能。没问题，我能做到。另一方面，当我对函数进行论证时，我无法从父母那里得到它们.
父级：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon f
浏览 1提问于2019-08-18得票数 1
回答已采纳
2回答
我是一个很新的反应和钩子，并试图与钩子联系形式。我不能更改字段中的值，也不能在输入中键入任何内容，onChange()也无法触发。但是在浏览器和控制台上都没有错误，所以我找不出来。你知道原因吗？
这是我的代码。
import React , {useState} from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@mate
浏览 2提问于2020-09-07得票数 1
我试图通过将样式传递给Alert组件的Alert规则来访问MUI的内部CSS。
import React from 'react';
import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
import Alert from '@material-ui/lab/Alert';
import { styled } from "@material-ui/core/styles";
import { spacing } from "@
浏览 0提问于2021-07-13得票数 1
我对从.json文件(称为userData.json)中获取数据的反应和尝试非常陌生，但是即使userData是一个数组，.map也无法工作。
我已经检查过了
console.log(Array.isArray(userData));
console.log(typeof userData);
它还回“真”和“物”。
知道我做错了什么吗？下面是整个代码片段：
import React from "react";
import Table from "@material-ui/core/Table";
import TableBody from "@ma
浏览 1提问于2018-12-08得票数 2
回答已采纳
1回答
我想为对话框制作一个可重用的组件，它的底部有一个“是”或“否”按钮，其中“是”是一种按钮类型的提交。因为我想创建一个对话框来询问用户在提交之前是否确定输入的信息。
import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
impo
浏览 2提问于2021-08-18得票数 0
回答已采纳
4回答
我最近启动了一个React项目，并且遇到了以下问题： 基本上，我正在尝试构建一个在单击按钮后立即弹出的对话框，就像那个一样： ? 因此，我有我的对话框组件，它就是这个(我使用Material-UI的对话框)： import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui
浏览 101提问于2020-01-15得票数 0
回答已采纳
当我在搜索栏上搜索时，得到一个错误，比如无法读取属性值，为什么会出现这个错误，以前我做了很多形式，但是这个错误没有出现，请告诉我为什么会出现这个错误，我是否应该使用物质用户界面而不是引导替换
Music.js
这是我获得错误的music.js文件，我使用react钩子来管理状态。
import React, { useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/A
浏览 1提问于2021-04-29得票数 0
1回答
我试图在无状态组件中调用函数ButtonAppBar，但是TS编译器给出了这个错误：'{' expected。我不确定是否应该将它传递给我的New Header组件，或者是否应该给它一个类型。
这是我的组件
import * as React from "react";
import { withStyles, createStyles } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
import Toolbar f
浏览 6提问于2018-11-30得票数 0
3回答
我是很新的反应，所以这可能看起来有点微不足道。我有一个删除图标在一个文件，当点击，我试图编程一个确认对话框。使用他们网站的来源：。我的文件由一个列表视图组成：
ListView**:**
import React from 'react';
import PropTypes from 'prop-types';
import { List, ListItem, ListItemText, ListItemAvatar, Avatar, ListItemSecondaryAction, IconButton } from '@material-ui/cor
浏览 2提问于2020-06-11得票数 2
回答已采纳
1回答
我想使用资料用户界面的对话框。我使用另一个组件从右侧菜单(侧栏->用户注册)导航该对话框。我只想打开当前页面主页或关于我们的对话框。这是一个用户注册对话框。你能帮忙吗？
当我试图打开用户注册对话框时，我无法打开当前页面中的对话框，这就是为什么我已经为对话框组件创建了一个单独的组件。
当我选择边菜单选项时，我想打开这个对话框。对话框应在当前页中打开。
这是代码沙箱链接。
应用程序js
import React from "react";
import "./styles.css";
import { BrowserRouter, Route, Switch
浏览 3提问于2020-03-09得票数 0
回答已采纳
我正在试着设计我的卡片，让它不那么大，但问题是每次我这样做的时候，我的TextField失去了它的功能，我不得不继续点击TextField，因为它总是失去焦点。我需要在不丢失TextField功能的情况下使Card组件更小。 https://codesandbox.io/s/mutable-monad-dsvf8?file=/src/index.js import React, { useState } from "react";
import ReactDOM from "react-dom";
import Grid from "@material
浏览 9提问于2020-06-28得票数 1
回答已采纳
1回答
我有一个QR组件，它有一个与社交媒体平台共享的按钮。如果我单击“共享”按钮，将弹出一个表单对话框。但是，当我单击模式内的“关闭”按钮时，无法使表单关闭。我可以从背景中看到，共享按钮有一个连锁反应，就好像那是被点击的按钮一样。我做错什么了？为什么handleCloseForm函数不能工作，即使setShare被设置为false。
这是密码。
import React, { useState, useContext } from "react";
import { makeStyles } from "@material-ui/core/styles";
impor
浏览 6提问于2020-06-12得票数 1
回答已采纳
data = {"ConnectionString/File Url":"Please enter the file URL of the data from the cloud ",
"Credentials/SASToken":"Please enter the SAS Token of the data from the cloud"} 我有下面的数据，这些数据有助于使用循环创建Textarea，但使用的是相同的onchange函数。我想对所有文本区域使用相同的onchange，但问题是我只能获取值，而不能
浏览 15提问于2020-09-09得票数 0
在我的代码中添加了自定义的createTheme，当我试图更改框背景时，它接受默认值，即蓝色idk，我在这里做错了什么，
import React from 'react'
import { Typography , Button } from '@material-ui/core';
import BatteryAlertIcon from '@mui/icons-material/BatteryAlert';
import { purple, red } from '@material-ui/core/colors';
imp
浏览 3提问于2022-04-30得票数 0
回答已采纳
我想叫的减速机坏了。它似乎并没有像我所说的那样阅读这个函数。问题在于deleteWorkout函数。
我尝试过使用mapDispatchToProps，并且尝试直接从操作调用操作。src - index.js
import React from 'react';
import { createStore } from 'redux';
import allReducer from './reducers';
import { Provider } from 'react-redux';
import ReactDOM from &
浏览 0提问于2019-09-12得票数 0
回答已采纳
我正在尝试为注册表单设置错误消息，但因为我使用的是材料UI，所以我必须为我的项目使用功能组件。我在youtube上看了一个教程，但那家伙使用的是一个类组件。我设法将大部分代码转换为函数组件，但我在componentDidUpdate函数中迷失了方向。
我还尝试使用useEffect函数，但是如果没有输入任何字段，当有人单击submit按钮时，我无法显示警告/消息错误。我还收到了一个错误，即使已经在useState函数中定义了消息，但它并没有在SignUp组件的Alert组件中定义。
{msg ? <Alert color="danger">{msg}</Ale
浏览 1提问于2019-06-23得票数 2
每当我将一个模态添加到我的一个类中，我就会得到这个错误。
TypeError:无法读取未定义的属性“hasOwnProperty”
这里有一个基本的例子，我只是一直试着展示一个基本的模式。有什么想法吗？我尝试过各种应该有效的例子，但我尝试过的任何东西都无法阻止错误。如果我加了Modal，那它就是错误了。
编辑:解决了问题。该模式需要一个根级子程序，您需要将所有内容嵌入其中。
import React from 'react';
import { connect } from 'react-redux';
import { Link } from '
浏览 0提问于2019-06-16得票数 23
回答已采纳
如何在reactjs中重定向到另一个页面。这是我的代码。
import React from 'react';
import { fade, makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import IconButton from '@material-ui/core/IconBut
浏览 5提问于2019-08-13得票数 0
回答已采纳
在将@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
回答已采纳
这是让用户登录的表单，我在这里使用了forwardRef，在SignInModal中我包装了这个组件，但它总是给我警告
import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";
import Avatar from "@material-ui/core/Avatar";
import Button from "@material-ui/core/Button";
import CssBaseline from &#
浏览 8提问于2020-03-09得票数 1
回答已采纳
1回答
在我的头脑里发帖。我不是开发人员，这只是一个家庭项目。
我试图构建一个可重用的对话框(它只会问‘你确定吗？’)，并不断地出现错误。
现在，我从Material中拿出了这个例子
和演示
并亲自执行了一份副本：
DialogTest.js
import React from 'react';
import Dialog from '@material-ui/core/Dialog';
import Button from '@material-ui/core/Dialog';
import DialogActions from '@ma
浏览 1提问于2021-02-18得票数 1
我很难弄清楚如何使用Material的对话框来呈现make，在单击按钮时关闭它们，并使它能够使不同的事物显示不同的模式。
这是我从Material中获取的对话框组件。
import React from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
浏览 2提问于2019-03-16得票数 3
我得到了错误 找不到模块:无法解析'C:\wamp64\www\multi-step-form\src\components‘中的“@material-ui/core/RaisedButton” 我已经安装了@material-ui/core 我在此文件中的导入内容为： import React, { Component } from 'react';
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
import AppBar from '
浏览 63提问于2019-02-16得票数 2
回答已采纳
1回答
我是React的一个完全的初学者，我对我的第一个应用非常满意，因为我可能有一个内存泄漏？我的应用程序在输入中输入值后，在点击右下角的add按钮后，我的应用程序非常滞后，我怀疑我没有像应该的那样使用'useState‘？我不知道，我已经找了好几个小时了。
下面是应用程序：
代码如下：
在App.js (父级)中：
import React, { useState } from 'react'
import firebase from './firebase'
import AddForm from './AddForm'
import Li
浏览 9提问于2020-02-27得票数 0
我目前通过在localStorage中设置项目的表单来存储用户提交的值，该表单告诉我用户想要显示的项目数量。当用户提交表单时，它会在本地存储中设置限制值。然后，我尝试获取本地存储值并将其显示为select的值。限制是在本地存储中设置的，但是当我离开页面并返回时，无论在localStorage中设置了什么，都不会显示，而是显示旧的值。我必须刷新浏览器才能使更改生效，这让我非常困惑。代码如下：
import React, { useState, useContext, useEffect } from 'react'
import axios from 'axios'
浏览 11提问于2020-05-19得票数 0
我需要覆盖从"@ .MuiAlert-icon“继承的填充。来自chrome的检查员显示 .MuiAlert-icon {
display: flex;
opacity: 0.9;
padding: 7px 0;
font-size: 22px;
margin-right: 12px;
} 我正在尝试使用material UI中的makeStyles来覆盖它。这是我正在尝试的代码。 import Alert from "@material-ui/lab/Alert";
import Icon from "@materia
浏览 12提问于2021-11-15得票数 1
当我试图在我刚刚克隆的项目上运行NPM install时，我收到了来自npm的以下错误。谁能给我解释一下如何解释这个错误信息？我根本不确定npm抱怨的是哪种依赖关系，也不知道它采取了什么途径来获取这些值。我甚至不知道这个错误消息是否意味着要像堆栈跟踪一样从下往上读取。以下是错误消息： npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-code@0.3.0
npm ERR! Found: @types/react@17.
浏览 60提问于2021-03-31得票数 0
我想上传10个图片，并发送一个axios请求到后端，以便对这10个文件进行一些计算，在计算之后，当{imagename: true}或{imagename: false}收到来自后端的响应时，就会有响应，我想在前端列出这10个图像，并指出计算是正确的还是错误的。
这是我尝试过的，但在得到回应之后，我被困住了，无法显示真实或错误的状态。
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/
浏览 2提问于2018-09-17得票数 6
回答已采纳
1回答
我有一个对话框组件，其中我有一个按钮(右下角)，它显示了另一个带有项目列表的div。我面临的问题是，列表在Dialog组件中呈现，并且正在被裁剪。我设置了position: absolute和z-index，并将position: relative设置为父对象，但它不起作用。这是它看起来的样子。如有任何有用的建议，我将不胜感激。1)在我点击按钮显示列表之前 ? 2)点击按钮后。突出显示列表元素的css属性 ? 以及对话框组件的代码： import React, { useState } from "react";
import { makeStyles } from &#
浏览 43提问于2020-03-17得票数 1
当我的对话框打开时，我试图添加“key-down”事件，但不知何故，即使对话框关闭，我的事件仍然被触发。 我包装了事件处理函数，以便在useEffect钩子中正常工作。 import React, {useCallback, useEffect} from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/
浏览 25提问于2021-08-02得票数 0
回答已采纳
1回答
我需要打开两个独立的材料UI对话框(条款和隐私)从他们的父组件，这是一个材料UI‘简单菜单’。我已经将它们导入并嵌套在父文件中，只是不知道如何在分离文件时从父文件中打开它们。我和玩了太久，但没能让它正常工作。谢谢。
父组件(菜单)：
import React from 'react';
import Menu from '@material-ui/core/Menu';
import MenuItem from '@material-ui/core/MenuItem';
import IconButton from '@material-
浏览 0提问于2020-05-21得票数 6
回答已采纳
我试图通过一个单独的文件进行API调用，并返回结果和状态，比如，显示加载文本，直到数据被检索并显示出来。
在一个文件中，它工作得很好，但是现在我移到了这样的单独文件中，它不能工作.
UserDataTable
import React, { Component } from 'react';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@mat
浏览 0提问于2019-01-22得票数 1
回答已采纳
到目前为止，我正在使用Material-UI构建一个应用程序。我正在尝试使用Accordion组件构建一个组件，但是在试图导入它时遇到了一个错误：
Module not found: Can't resolve '@material-ui/core/Accordion' in [path]
我尝试通过默认导入和命名导入来导入它，但是结果是一样的。
构成部分：
import React from 'react';
// import {
// Accordion,
// AccordionSummary,
// Accordion
浏览 3提问于2020-07-01得票数 14
回答已采纳
我安装了@material及其文件在节点模块中，但是当我运行npm run start时。
找不到模块:无法解析@material ui/ core / grid。
"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.57",
"react": "^17.0.1"
浏览 3提问于2021-08-07得票数 0
回答已采纳
我不能在snackbar上给出100%的宽度，我也有一个snackbarClose方法，但是我不能在snackbar上实现它。我还想要一个按钮'X‘，哪个按钮将执行snackbarClose方法。
CodeSandbox :
import React, { Component } from "react";
import { Container, Grid, Button, Snackbar } from "@material-ui/core";
import MuiAlert from "@material-ui/lab/Alert"
浏览 7提问于2021-06-11得票数 0
回答已采纳
1回答
我想在图标按钮中使用一个图标，如下所示： <IconButton >
<SearchIcon/>
</IconButton> 我在package.json中安装了@material-ui/图标，并有以下导入： import IconButton from '@material-ui/core/IconButton';
import Icon from '@material-ui/core/Icon';
import SearchIcon from '@material-ui/icons/SearchIcon&
浏览 23提问于2019-12-13得票数 1
回答已采纳
我有一个资料UI DataGrid组件，它在一行中有编辑和删除按钮，但我只能执行警告或控制台日志，
为什么一行中有按钮，因为单击该按钮时需要对话框，例如，当用户单击“删除”按钮时，将有一个用于删除操作的确认对话框，或者当单击“编辑”按钮时，将有一个表单对话框更新该行，
需要推动用户同时编辑或删除一个项目。所以不允许多个选择。
我的问题是当单击列定义中的按钮时，如何获取组件中的行数据，在这种情况下，单击Edit或Delete按钮。
使用"@material-ui/data-grid": "^4.0.0-alpha.26"
import Container from
浏览 7提问于2021-04-26得票数 0
我已经像这样导入了material-ui createMuiTheme： (:require ["@material-ui/core" :as ui]
["@material-ui/core/styles" :refer [createMuiTheme]]) 然后我定义了以下内容： (def theme (createMuiTheme #js {:palette #js {:primary {:main "red"}}})) 但我得到的错误是： 未捕获的TypeError:无法读取未定义的属性“”createMuiTheme“” 如何调用Mat
浏览 15提问于2020-10-29得票数 0
我想在列表中呈现项目。当按下一个按钮时，它会将一个食品项目(饮料)添加到名为cart的列表中。当按钮被按下时，我希望在material ui对话框中呈现此列表。为空。我做错了什么？ import { Button, IconButton, List, ListItem, Typography } from "@material-ui/core"
import Order from './Order'
import Dialog from '@material-ui/core/Dialog';
import CloseIcon f
浏览 6提问于2020-12-24得票数 0
我是新的反应js .Just开始构建一个简单的反应应用程序。我有两个按钮放置在每一边，这是我试图做的CSS- flex，但无法取得成功。有人能告诉我哪里出了问题吗？
import React, { Component } from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
浏览 0提问于2019-04-13得票数 0
回答已采纳
当您单击submit时，当由于字段为空而失败时，它会显示successful。在第一次点击后，它可以完美地工作。 submit按钮跳转到handleSubmit函数，它在第一次单击后就可以完美地工作。不确定我是否需要其他东西来确保它在第一次工作？ import React, { Component } from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBasel
浏览 17提问于2020-04-25得票数 0
1回答
我有一个非常简单的反应材料-ui项目。
最近，我向顶层文件夹添加了一个jsconfig.json。
{
"compilerOptions": {
"target": "es6",
"checkJs": true,
"jsx": "react"
},
"exclude": [
"node_modules",
"data",
"d
浏览 0提问于2019-06-13得票数 6
回答已采纳
我有以下(简化的)代码： import React, { useState, useEffect } from "react";
import Button from '@material-ui/core/Button';
import Snackbar from '@material-ui/core/Snackbar';
import MuiAlert from '@material-ui/lab/Alert';
const CheckIn = props => {
const [success, setSucce
浏览 13提问于2020-03-20得票数 1
回答已采纳
1回答
我一直在做一个小项目来熟悉ReactJS，到目前为止我玩得很开心。到目前为止，在这里的帮助下，我已经解决了一些问题。
目前，我正在根据授权用户的角色更改标题中的链接。这部分似乎工作得很好，直到我尝试注册一个用户。我遇到了props.firebase代码行未定义的问题。我需要做些什么才能让它不是未定义的？当我删除{authUser}参数时，似乎一切正常，但在将其添加到函数时出现问题。SignUp文件的代码如下：
import {Link as RouterLink, withRouter} from 'react-router-dom'
import {compose} from
浏览 0提问于2020-09-15得票数 0
我有一个组件，它包装在一个材料-UI withStyles特别和反应memo特设。
我无法测试这个组件，因为我无法调用dive()。
ShallowWrapper::dive() can only be called on components
我目前知道的唯一选择是独立地使用export Demo和export default withStyles(styles)(Demo)。这允许我测试没有包装在withStyles中的组件。我想避免这种方法。
如果删除memo()，就可以测试组件。同样，如果删除withStyles()，也可以测试组件。这些HOCs的结合使我的组件无法测试。
有哪些可用的
浏览 1提问于2019-03-05得票数 9
回答已采纳
我已经安装了@material-ui/core和@material-ui/icons。
我试图从材料图标导入"FileDownloadIcon“。
安装“@material ui/core”
npm i @material-ui/core
安装“@material ui/图标”
npm i @material-ui/icons
这就是我试图导入"FileDownloadIcon“的方式
import FileDownloadIcon from '@mui/icons-material/FileDownload';
<div className="d
浏览 7提问于2021-10-25得票数 14
回答已采纳
我正在尝试创建一个表组件，但无法从material-ui导入TableContainer组件：
Attempted import error: 'TableContainer' is not exported from '@material-ui/core'.
我需要它出现在页面顶部，如下所示：
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { TableRow, TableHead, TableCo
浏览 8提问于2019-12-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
