Material-ui List -找不到模块：'react‘
Material-UI是一个流行的React UI组件库，提供了丰富的可重用组件，用于构建现代化的Web应用程序。Material-UI List是其中的一个组件，用于显示列表数据。
在你的问题中，出现了一个错误提示：找不到模块'react'。这通常是由于缺少依赖或者依赖版本不匹配引起的。
解决这个问题的步骤如下：
- 确保你的项目中已经安装了React依赖。可以通过运行以下命令来安装最新版本的React：
- 确保你的项目中已经安装了React依赖。可以通过运行以下命令来安装最新版本的React：
- 如果你已经安装了React依赖，但仍然出现该错误，可能是由于React的版本与Material-UI List组件不兼容。你可以尝试安装特定版本的React，以确保兼容性。例如，安装React的16.x版本：
- 如果你已经安装了React依赖，但仍然出现该错误，可能是由于React的版本与Material-UI List组件不兼容。你可以尝试安装特定版本的React，以确保兼容性。例如，安装React的16.x版本：
- 如果以上步骤都没有解决问题，可能是由于其他依赖项引起的冲突。你可以尝试删除项目的node_modules文件夹，并重新安装所有依赖项：
- 如果以上步骤都没有解决问题，可能是由于其他依赖项引起的冲突。你可以尝试删除项目的node_modules文件夹，并重新安装所有依赖项：
如果你使用的是腾讯云，他们提供了一些与React相关的产品和服务，可以帮助你构建和部署React应用程序。例如，腾讯云的云开发（CloudBase）提供了Serverless架构，可以轻松部署React应用程序。你可以访问以下链接了解更多信息：
希望以上解答能够帮助你解决问题。如果你还有其他问题，请随时提问。
相关·内容
下午好, 我只是遵循了整个React官方教程，我的tic-tac-toe游戏工作正常。然后我想添加一些material-ui组件。我是通过以下方式安装的： npm install --save @material-ui/core
npm install --save @material-ui/icons 我可以让它工作： import Button from '@material-ui/core/Button';
[...]
<Button variant="contained" color="primary">Hello Worl
浏览 14提问于2020-09-09得票数 1
回答已采纳
1回答
我正在尝试构建material-ui (material-ui.com) javascript，这样我就可以将它包含在我的项目中并使用react组件。我一直使用browserify将所有的javascript打包成一个文件，然后将其包含在我的HTML文件中。因此，在material-ui/lib目录(这似乎是JSX转换的JS所在的目录--我对NPM包+ browserify等非常陌生)中，我运行
browserify index.js -o material-ui.js -r material-ui
然后我将material-ui.js文件包含在我的HTML中。
但是，当我尝试在HTML页面的
浏览 1提问于2015-02-21得票数 1
它可能是这个的复制品 React-router v4 - cannot GET *url* 但是，我不太明白，我不知道我是不是在用webpack，我不知道webpack是什么。 如果我想刷新页面或者如果我输入url‘www.site.com/某物’，我总是会得到'cannot get /something‘ 所以有人能特别帮助我吗，因为我在Google上找不到任何东西，或者在这里也找不到。 这是我的package.json {
"name": "s",
"version": "0.1.0",
"pri
浏览 69提问于2021-01-19得票数 0
我正在发布一个使用几个对等依赖项的模块：
在我的package.json文件中，我声明peerDependencies：
...
"peerDependencies": {
"react": ">=16",
"react-dom": ">=16",
"@material-ui/core": ">=4",
"@material-ui/icons": ">=4"
},
...
在webpack配置中，我声明了外部元素
浏览 15提问于2020-04-28得票数 1
回答已采纳
2回答
我正在用WebApp构建一个React和Material 。我很少学习Drawer和文档的教程，我似乎不明白它是如何工作的。
即使我的打开的Drawer状态是True，它即使在初始化时也不会打开。
我似乎找不到我错的地方。
这是标题的代码：
import React from 'react';
import clsx from 'clsx';
import {List, ListItem, ListItemIcon, ListItemText} from '@material-ui/core'
import { ContactsIcon } f
浏览 1提问于2020-05-21得票数 1
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @material-ui/data-grid@4.0.0-alpha.37
npm ERR! Found: react@16.13.0
npm ERR! node_modules/react
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR! node_modul
浏览 3提问于2022-09-26得票数 -1
当我尝试准确地从文档中导入自动完成时：，我得到以下错误消息：
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').
react代码：
/* eslint-disable no-use-before-de
浏览 0提问于2020-04-14得票数 1
我正在用材料ui和react制作todolist。我有个问题。我尝试创建click事件，当单击listitem时，它会打开一个包含详细信息的对话框。但是，当我试图关闭该对话框时，该对话框并未关闭。下面是我为测试编写的代码。
import React from 'react';
import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import List fr
浏览 10提问于2020-05-11得票数 1
回答已采纳
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
回答已采纳
我想在typescript中使用material-ui。
/// <reference path="../../../typings/react/react.d.ts"/>
import React = __React;
import * as FlatButton from "material-ui/lib/flat-button";
interface ATCProps{
clickHandler:__React.MouseEventHandler;
}
export default class AddToCartBtn extend
浏览 1提问于2015-12-02得票数 5
我实现了一个，并收到了臭名昭著的错误：
×
Element type is invalid: expected a string (for built-in components)
or a class/function (for composite components) but got: undefined.
You likely forgot to export your component from the file it's defined in.
Check the render method of `SwipeableDrawer`.
我想我已经在中设置了所有必要
浏览 1提问于2018-06-18得票数 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
回答已采纳
1回答
我有一个非常简单的反应材料-ui项目。
最近，我向顶层文件夹添加了一个jsconfig.json。
{
"compilerOptions": {
"target": "es6",
"checkJs": true,
"jsx": "react"
},
"exclude": [
"node_modules",
"data",
"d
浏览 0提问于2019-06-13得票数 6
回答已采纳
我正尝试在createMuiTheme中添加一个新属性。但是Typescript不让我这么做。 我按照这里的说明操作：https://next.material-ui.com/guides/typescript/#customization-of-theme 我创建了一个.ts文件，其中放置了以下内容： import * as React from 'react';
declare module '@material-ui/core/styles' {
interface TypeBackground {
darker: string;
}
浏览 32提问于2021-02-07得票数 2
回答已采纳
我对javascript、react和Material-UI都是新手，所以我的问题(和代码示例)可能很幼稚。 我在Material-UI TableCell (不是表单)中有以下代码： <input type="color" name="backgroundColor" list="categoryColours" id="categoryColour"/>
<datalist id="categoryColours">
{colourOptions.map((val) =>`<
浏览 13提问于2021-07-20得票数 0
我已经安装了使用npx安装没有问题的反应，但当我试图安装资料-UI它没有正确安装。请看下面的代码
npm install @material-ui/core
npm WARN saveError ENOENT: no such file or directory, open '/Users/alirahman/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or
浏览 2提问于2019-10-08得票数 0
1回答
我一直在尝试创建一个包含在NPM包中的React组件库。我正在尝试使用钩子，但是当我通过本地安装引入包时，我一直收到无效钩子错误。npm i C:/pathtopackage/my-package我使用npm init创建了这个包，然后为目标项目安装了具有正确版本类型的必要包。
下面是每个文件的package.json文件：
包：
{
"name": "my-package",
"version": "1.0.0",
"description": "",
"main"
浏览 5提问于2021-10-05得票数 0
我想知道是否有一些方法可以在Material-UI中使用::selection。代码:-
import React from 'react';
import { makeStyles } from '@material-ui/core';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListIt
浏览 0提问于2021-05-09得票数 1
1回答
我正在试用来捆绑一个可重用的库。我正在尝试的想法是创建可组合的组件库，我们可以在我们的web应用程序和电子应用程序中使用它。
在我们的package.json文件中，我们有以下要求
"peerDependencies": {
"react": "^15.0.0 || ^16.0.0",
"react-dom": "^15.0.0 || ^16.0.0"
},
"devDependencies": {
"@material-ui/core": "^4.0
浏览 0提问于2019-03-19得票数 11
注意：(可选的) CodeSandbox演示作为答案的一部分将非常有帮助。
我想在JSX中重构一个列表。具体来说，我是。现在我要了。但我一直收到以下错误。
/demo.js:意外令牌( 17 :7) 15 - <ListItem key={${label}}> 16
或者换句话说。
到此(抛出错误)\
import React from "react";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListIte
浏览 0提问于2018-08-16得票数 0
回答已采纳
我想知道如何在react中使用另一个css中的css使用material-ui，因为我知道我可以使用另一个css类，如果它使用css规则本身使用@extends和@mixin，直到我在react中发现问题我正在使用material-ui并尝试使用css和react本身，但我不能使用@extend和@mixin如何解决这个问题？这是我的代码
import React from 'react';
import TextField from '@material-ui/core/TextField';
import Paper from '@material-
浏览 1提问于2019-12-31得票数 0
我得到了错误 找不到模块:无法解析'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并遵循本教程：
在这里，您有一个App.js组件，它使Travel调用填充数据对象：
import React, { useState, useEffect } from "react";
import { CssBaseline, Grid } from "@material-ui/core";
import { getPlacesData } from "./api";
import Header from "./components/Header/Header";
import List from "
浏览 7提问于2022-09-04得票数 -1
如果我在左撇子.left中呈现MyLeftNav，它就能工作。但是，当我试图在App.jsx中呈现它时，它构建得非常好，但是它在浏览器控制台中给出了以下错误：
警告: React.createElement: type不应为空、未定义、布尔或数字。应该是字符串.
构建工具和命令：
babel --presets es2015,react jsx/*.jsx --out-dir jsx/
browserify jsx/jsx/app.js --o js/bundle.js
我注意到，bundle.js文件是browserify的输出，它在导入MyLeftNav之前将render语句放入其中。我不
浏览 3提问于2016-03-13得票数 0
回答已采纳
我想使用ListContext的ListContext属性来更改ListItemIcon fontSize。当我试图将组件包装在自己的组件中并导入和使用上下文时，上下文是空的。组件在内部作为List/ListItem使用，因此它通常应该有一些值。我想是因为ListContext只在内部使用，还是我错了？在我不能使用它的情况下，有什么可能的解决方案？
import React from 'react';
import MuiListItemIcon, {
ListItemIconProps as MuiListItemIconProps,
} from '@mate
浏览 8提问于2019-10-29得票数 1
回答已采纳
我使用Material开发了React组件：
这是一个很好的
MainView.js
import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { List, ListItem } from 'material-ui/List';
class MainView extends Component {
render() {
return (
<
浏览 2提问于2016-08-24得票数 2
1回答
我试图跟踪的答案，但我得到了一个错误。
TypeError: Object(...) is not a function
const theme = createMuiTheme();
我试图让<CssBaseline />应用它的默认样式。我怎么能做到呢？这是我的App.js
import React, { Component } from 'react';
import CssBaseline from '@material-ui/core/CssBaseline';
import NavBar from './components/he
浏览 1提问于2018-12-25得票数 1
回答已采纳
我已经尝试了所有的方法，但是当URL改变时，我无法呈现组件。没有错误消息什么也没有，它呈现主组件，但是当我单击(查看和编辑图标)链接时，它只是更改url，组件不会呈现什么都不会发生。我找不到解决办法，有什么办法让它起作用吗？
App.js
import "./App.css";
// import { TextFilledComp } from './Components/TextFilledComp';
import { Routes, Route } from "react-router-dom";
import { SingleTodoPa
浏览 1提问于2021-02-10得票数 0
回答已采纳
1回答
几个小时以来，我一直在研究如何将material-ui作为我的应用程序的客户端AMD模块，这里是我最近的一次。使用，我在Gruntfile中使用了以下Gruntfile任务：
amdwrap: {
materialui: {
expand: true,
cwd: 'node_modules/material-ui/lib/',
src: ['**/*.js'],
dest: 'client/js/components/',
},
},
并计划在material-ui完成转到其lib文件夹后运行它。但是，这仍
浏览 1提问于2015-11-28得票数 4
回答已采纳
1回答
我用的是V5材料。如何设置所选列表项的样式？我想要5便士的borderLeft。
就像这样：
const theme = createTheme({
palette: {
primary: {
// light: will be calculated from palette.primary.main,
main: colors.primary
// dark: will be calculated from palette.primary.main,
}
},
components: {
MuiListItem
浏览 7提问于2021-08-03得票数 2
回答已采纳
2回答
我正在为我们的评论应用程序编写UI代码，
(回购项目)
我只是不知道该如何构造我的反应性组件，以及如何从DB获得真正的注释。我知道我必须使用'axios‘，但是我如何编码“这是字段将被'axios’给您的东西填充？”
下面是我的代码，如果你需要更多，我的当前分支是(33-注释-反应-组件)，谢谢。
comment.js
import React from 'react';
import Paper from 'material-ui/Paper';
import Divider from 'material-ui/Divider'
浏览 3提问于2017-07-30得票数 1
回答已采纳
2回答
下面的代码是我的一个组件。我用Ruby on Rails框架、react_rails gem和webpacker创建了这个框架，并在材料UI上进行了实验。
如您所见，我正在使用自己选择的字体更改Material UI默认字体主题。下面的代码是成功的。
我的问题是，我必须对我的所有组件重复此步骤吗？导入createMuiTheme，声明主题常量，并在每个渲染中包装<MuiThemeProvider />？
有没有一种通用的方法可以做到这一点，而不需要在所有组件中重复？谢谢你的建议。
import React from 'react';
import PropTypes
浏览 0提问于2018-08-05得票数 0
我的(简化的) React组件如下所示：
import React from 'react';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
export default function MyList(setPanel) {
const handleClick =
浏览 3提问于2021-08-16得票数 1
回答已采纳
我有一个App组件，我使用的是资料UI v1.0.0-beta.33
import React from "react";
import PropTypes from "prop-types";
import { withStyles } from "material-ui/styles";
import AppBar from "material-ui/AppBar";
import Toolbar from "material-ui/Toolbar";
import Typography from "m
浏览 0提问于2018-02-14得票数 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 material UI项目中遇到此错误
通过查看错误，我猜测它来自Drawer.js组件中的某个地方。这是我的完整Drawer.js组件
import React, { Fragment, useState } from "react";
import clsx from "clsx";
import { makeStyles, useTheme } from "@material-ui/core/styles";
import Drawer from "@material-ui/core/Drawer
浏览 1提问于2020-11-14得票数 0
我试图添加搜索图标从材料UI，但我得到了这个错误。“错误:无效的挂钩调用。只能在函数组件的主体内调用挂钩。”我尝试了YouTube的亚马逊克隆教程，并且做了所有的事情。有人能帮我吗？谢谢。 这是我的Header.js import React from "react";
import "./Header.css";
import { Link } from "react-router-dom";
import SearchIcon from '@material-ui/icons/Search';
function Heade
浏览 9提问于2021-01-20得票数 1
因此，我正在编写一个简单的程序，它从抽屉中取出选择，然后将它们显示为配方的一部分，但是当调用来自父对象的函数时，发送给父对象的更新值是一个数字，而不是对象。我不确定我做错了什么，真的很感谢你的帮助。 父级： import React, {Component} from 'react';
import {listOfOils} from "./Constants/OilList";
import OilDrawer from "./Components/OilDrawer";
import OilMixCard from "./Compo
浏览 17提问于2019-03-20得票数 0
回答已采纳
我在这个问题上花了很多时间，但我找不到另一个原因。 将yarn (v1)与即插即用或yarn v2一起使用时。(berry)我不能让Material-UI theming v4.4.3工作。 下面是示例。使用标准的非pnp纱线配置时没有问题。 (create-react-app) import React from "react";
import logo from "./logo.svg";
import "./App.css";
import { createMuiTheme } from "@material-ui/core/st
浏览 7提问于2019-10-01得票数 0
我正在使用资料用户界面进行反应，我将资料- UI更新为最新版本，并给出以下错误。
../node_modules/material-ui/styles/withStyles.js
找不到模块:无法解析“@babel/运行时/core-js/map”
'C:\Users\User\Documents\code\react\node_modules\material-ui\styles‘
我降级到以前版本的材料-UI以及，工作周围安装的正确版本的babel以及，但仍然有相同的问题。
这是我的package.json
"dependencies": {
浏览 0提问于2019-07-02得票数 2
我正在尝试复制DialogContentText标记中的文本。我在标签中有一个引用，但我不知道如何实际使用引用并将文本复制到剪贴板上。为了将文本放到剪贴板上，我到底应该在handleCopyClick函数体中放入什么内容？提亚
import { React, useRef } from 'react';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from
浏览 13提问于2021-06-06得票数 0
我有一个侧边导航，它在我的路由页面中被调用 侧面导航工作正常，但是，我想在单击菜单项时重定向到另一个页面 就像在<NavLink to="/">中发生的一样 Sidebar.js import React from "react";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import Divider from "@material-ui/core/Divider
浏览 31提问于2020-04-20得票数 0
回答已采纳
我正在编写一个React 16应用程序，我使用的是material组件。
我进口按钮是这样的：
import Button from '@material-ui/core/Button';
就像官方文档中说的那样：
WebStorm显示了一个错误：
ESLint：@material/core/Button‘导入被限制使用。这将加载包的CommonJS版本。将替换改为:从“@material ui/core”导入{ Button }；(无限制-导入)
当我将导入更改为：
import {Button} from '@material-ui/core';
信
浏览 6提问于2020-07-03得票数 2
回答已采纳
所以我尝试在Material UI中在我的卡上显示一个图像，但是图像从来没有出现过，我非常确定图像的目录是正确的。此外，如果可能的话，有人可以帮助我模块化我的代码，因为你可以看到我的一些代码正在重复(例如，负责设置边距的框)，我尝试使用HOC，但我一直收到这个错误Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export you
浏览 8提问于2020-06-28得票数 0
回答已采纳
我想问一下，有什么方法可以在react Native中使用React组件(@material-ui/core)吗？
当我在React Native项目中使用@material-ui/core组件时，App keep崩溃了，因为它找不到像div、p和span这样的元素。
谢谢
在index.js中
import {AppRegistry} from 'react-native';
import Demo from './Demo';
import {name as appName} from './app.json';
AppRegistry.r
浏览 1提问于2020-08-03得票数 1
资料UI版本: v0.20.0
我正试图通过leftAvatar组件分配CustomAvatar值，但正如您在附带的屏幕截图中所看到的那样，它不是对齐的。请帮帮忙。
CustomAvatar：该组件在某些条件下工作，例如如果图像可用，则使用its。
MemberList/index.js
import React, {Component} from 'react';
import {withRouter} from 'react-router-dom';
import MuiThemeProvider from 'material-ui/styles/M
浏览 5提问于2018-01-04得票数 1
我正在尝试用一个包含按钮的listItem创建一个简单的列表。我有以下代码：
import React from "react";
import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
i
浏览 0提问于2016-06-25得票数 0
1回答
我正在使用的反应-路由器-多玛npm包。
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Home from './pages/Home';
import AboutUs from './pages/Aboutus';
import * as serviceWorker from './serviceWorker';
import {AuthProvi
浏览 1提问于2020-03-20得票数 1
回答已采纳
这是完全错误
警告: React.createElement: type不应为空或未定义。它应该是一个字符串(用于DOM元素)或一个ReactClass (用于组合组件)。
这就是我在这里所拥有的一切
import React, { Component } from 'react';
import Router, {Link, RouteHandler} from 'react-router';
import { Grid, Row, Column, List, ListItem } from '../../components/Layout&#
浏览 8提问于2015-08-03得票数 33
回答已采纳
我正在构建一个'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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
