开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在Material-ui-pickers安装之后，编译错误'@material-ui/core‘不包含名为'makeStyles’的导出

在Material-ui-pickers安装之后，编译错误'@material-ui/core‘不包含名为'makeStyles’的导出。

这个错误是由于Material-UI版本的不兼容性引起的。在较新的Material-UI版本中，'makeStyles'已经被移除，取而代之的是使用新的样式解决方案，如使用'styled-components'或'@emotion/styled'等。

要解决这个问题，你可以尝试以下几个步骤：

确保你的Material-UI版本与Material-ui-pickers兼容。可以查看官方文档或GitHub页面来获取相关信息。
如果你的Material-UI版本较新，那么你需要使用新的样式解决方案。你可以选择使用'styled-components'或'@emotion/styled'等库来定义和使用样式。
如果你的Material-UI版本较旧，那么你可以尝试升级到较新的版本，以解决这个问题。可以使用npm或yarn等包管理工具来更新Material-UI。
如果以上步骤都无法解决问题，你可以尝试在Material-ui-pickers的GitHub页面上提出一个issue，向开发者寻求帮助。

关于Material-UI和Material-ui-pickers的更多信息，你可以参考以下链接：

Material-UI官方网站：https://material-ui.com/
Material-ui-pickers GitHub页面：https://github.com/mui-org/material-ui-pickers

请注意，以上答案仅供参考，具体解决方法可能因个人环境和配置而有所不同。建议在遇到问题时，查阅官方文档和社区支持，以获取最准确和最新的解决方案。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

用Truffle, Solidity, React, Material UI, Web3创建一个全栈筹款Dapp

在 fundraiser 仓库，运行命令编译并迁移Fundraiser合约，以便前端应用与之交互： truffle develop 上面的命令运行完后，在同一个终端窗口继续运行compile和migrate...之后，像我们在前一章节那样启动应用程序的前端： cd client npm i 模块安装完成后，启动服务： npm start 如果全部正确安装并且成功启动，我们现在就可以打开 localhost:...在client目录中运行 install 命令在 fundraiser 应用中安装 react-bootstrap ，如下： npm install @material-ui/core --save...首先，将所有 import 添加到App.js文件的顶部，这样我们就可以使用需要的 Material UI 组件了： import { makeStyles } from '@material-ui/core...在useEffect函数之后添加样式： const useStyles = makeStyles({ root: { flexGrow: 1, }, }); const classes = useStyles

6.1K2 0

React使用Electron开发桌面端

安装React和相关依赖在Electron应用程序目录中，你需要安装React。...创建React组件在src目录下，创建一个名为App.js的React组件。在组件中，你可以使用React提供的组件和库构建Web界面。...例如，你可以使用Material-UI库来构建一个简单的界面： import React from 'react'; import { makeStyles } from '@material-ui/core.../styles'; import Button from '@material-ui/core/Button'; const useStyles = makeStyles({ root: {...创建HTML文件在Electron应用程序的根目录下，创建一个名为index.html的文件，输入以下代码： <!

2961 0

React Table 表格组件使用教程排序、分页、搜索过滤筛选功能实战开发

React table 实战案例但是实际开发中的需求自然不会满足于本地数据，因此接下来我们演示一个更加真实、完整的例子，它将包含以下功能：模拟从远端请求数据，并且通过服务端进行分页、筛选、排序。...搭配 Material-UI 构建组件首先创建一个新的项目：npx create-react-app react-table-examplecd react-table-example然后安装相关依赖：...TableBody from '@material-ui/core/TableBody'import TableCell from '@material-ui/core/TableCell'import...LastPageIcon from '@material-ui/icons/LastPage'import { makeStyles, useTheme } from '@material-ui/core...InputBase from '@material-ui/core/InputBase'import { fade, makeStyles } from '@material-ui/core/styles'import

16.4K0 0

预构建如何玩转秒级依赖预构建的能力？

不过，在进行依赖的预构建之后，lodash-es这个库的代码被打包成了一个文件，这样请求的数量会骤然减少，页面加载也快了许多。.../core/Box, @material-ui/core/Checkbox, updating......[vite] new dependencies found: @material-ui/core/Dialog, @material-ui/core/DialogActions, updating......[vite] new dependencies found: @material-ui/core/Accordion, @material-ui/core/AccordionSummary, updating...这个库被许多组件库用到，但它的 ESM 格式产物有明显的问题，在 Vite 进行预构建的时候会直接抛出这个错误原因是这个库的 ES 产物莫名其妙多出了一行无用的代码:// WindowScroller.js

4939 0

用户登录前后端分离开发实战案例：React，npm，webpack，ES6, Kotlin, Spring Boot, Gradle, Freemarker, Material UIKotlin 开发

注意:不推荐使用全局安装npm install --global webpack 我们可以看到 .bin 目录下面的webpack脚本： ? image 打开脚本看到源码如下： #!...--save 在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件...安装下面我们来一步一步安装Material-UI——这个世界上最受欢迎的React UI框架。Material-UI 可作为 npm 包使用。...安装核心依赖 npm install @material-ui/core 等待依赖安装完毕，我们可以看到，此时我们的package.json文件内容新增了 "@material-ui/core": "^...^16.6.1" } 为了使用预构建的SVG Material icons，例如在组件演示中找到的那些, 须先安装 @material-ui/icons包： npm install @material-ui

8K3 0

使用 webpack 4 和 Babel 7 构建 React 应用及如何引入 Material Design

有很多客户询问如何在 Webpack 上迁移我们的产品模板。在多次要求求之后，我们写了这个关于如何开始使用 React with Webpack 4和 Babel 7 的小教程。...在开始处理 Webpack 配置文件之前，先在应用程序中安装一些我们需要的东西。首先安装 path 作为开发环境的路径依赖。...@babel/core 这是将ES6及以上版本编译成ES5 @babel/node babel-node 是 babel-cli 的一部分，它不需要单独安装。...(js|jsx)$/, // 不希望编译node_modules中的任何内容 exclude: /node_modules/, use: ['babel-loader...所以说，我们需要如下: npm install --save @material-ui/core@3.1.0 @material-ui/icons@3.0.1 @types/googlemaps@3.30.11

9.3K6 0

Webpack 项目打包压缩优化

针对与webpack项目打包，我们正常做的最多的就是脚手架安装，后run build直接部署，不会去做过多的处理。...参数 workerNodeArgs: ['--max-old-space-size=1024'], // 允许重新生成一个僵死的 work 池 // 这个过程会降低整体编译速度...除了工具还需要阅读代码，查看使用的插件在项目中的场景，综合考虑解决办法打包体积优化安装 webpack-bundle-analyzer 会弹出一个网页来显示项目打包后的体积大小，根据打包提及来优化...'react-dom', '@material-ui/core', '@material-ui/icons',...eslint-loader 用于检查常见的代码错误，和书写规范检查

4595 1

女博士被程序员嘲笑：代码能力太差，怎么招进来的；微软联合创始人保罗·艾伦病逝；GitLab 11.3.5 发布

Spring Framework 5.0.10 还包含 20个修复和改进，而 Spring Framework 4.3.20 是一个相当小的补丁版本。.../core@v3.2.2 [ButtonBase] 修复 process 未定义 (#13252) @eps1lon ● Core [core] 修复已弃用的变体 (#13254) @oliviertassinari...GitLab 11.3.5 发布了，这是一个涉及到社区版和企业版的 patch 更新，适用于 GitLab Core、Starter、Premium 和 Ultimate 的更新： ● 修复在加载某些...merge request 的时候的问题 ● 修复可导出时会删除项目的问题 ● .........即两个半月后，使用 PHP 5.6 版本的网站将不再收到安全漏洞或错误更新，除非用户支付操作系统供应商的更新服务费用。如果黑客发现并利用旧版 PHP 中的漏洞，可能会使数百万个网站和用户陷入危险。

9398 0

平均编译时长从26秒缩短至10秒

事实上，sealExhibit 当中包含的 undefined，相当于是把 undefined 错误引入了 lion type 当中。...关于 awaited type 的变化如果大家一直在关注我们的问题跟踪器与设计研讨记录，可能已经注意到我们正在开发一种名为 awaited 的全新 type 操作符。...在发现 Material-ui 与 Styled-Components 等组件会带来极差的编辑 / 编译速度后，我们的团队一直努力进行性能优化。...// @ts-expect-error 注释想象一下，如果我们正使用 TypeScript 编写一个库，并将名为 doSTuff 的函数作为公共 API 的一部分进行导出。...您的项目规模合理，团队工作态度积极主动，希望在受影响代码恢复正常之后马上删除抑制注释。如果符合以下条件，请选择 ts-ignore : 您的项目规模很大大，而且在缺少明确归属的代码中出现了新错误。

1.6K2 0

使用 dotnet 命令行配合 vscode 完成一个完整 .NET 解决方案的编写和调试

---- 安装必要的软件和插件点击这里下载正式或者预览版的 .NET Core 然后安装点击这里下载 Visual Studio Code 然后安装在 Visual Studio Code 里安装...如果你使用 C# 作为关键字，那需要小心，你得找到名字只有 C#，点开之后是 C# for Visual Studio Code 的那款插件。因为可能装错，所以我不推荐这么做。...在 VSCode 中的终端中输入： 1 > dotnet new console -o Walterlv.Demo 这样会在当前的文件夹中创建一个 Walterlv.Demo 的子文件夹，并且在此文件夹中新建一个名为...程序的能力在经过以上两篇博客中的方法之后，你将可以跑起来你的程序。...如果遇到了编译错误……呃这么简单的程序怎么可能遇到编译错误呢？一定是因为之前的操作有问题。

1.4K3 0

libxml2剖析(2)：编译

iconv: 一个强大的字符编码转换库。缺省情况下它已经被包含到当前的glibc库中，因此在Linux上并不需要另外再安装。...安装好之后，应用程序在进行编译和链接时需要知道libxml2的头文件和库文件位置。在上面运行..../configure之后会生成一个小的Shell脚本xml2-config，它会被安装成为libxml2的一部分。用这个脚本可以获得需要的编译和链接标志。 ...它们包含了调试信息，并采用了一些保护机制以帮助发现错误，加强了对错误的检测，因此在运行性能方面比不上Release版本。 ...，不包含源代码、例子程序和文档。

2K2 0

从零搭建基于react与ts的组件库（一）项目搭建与封装antd组件

在封装组件并生成umd代码过程中，踩了很多的坑，也更加系统的了解了babel。整体需求 react组件库，取名r-ui，能够导出r-ui.umd.js和r-ui.umd.css。...插件总共分为两种：当我们添加语法插件之后，在解析这一步就使得 babel 能够解析更多的语法。...如果源码是这种写法，经过 babel 之后就会提示语法错误。但最近的 JS 提案中已经允许了这种新的写法(让代码 diff 更加清晰)。...如果不写任何配置项，env 等价于 latest，也等价于 es2015 + es2016 + es2017 三个相加(不包含 stage-x 中的插件)。...那么，@babel/core如何知道要使用我们安装的各种plugin插件和preset预置插件包的呢？通过.babelrc文件（注：实际上还有其他配置方式，但个人倾向于.babelrc）。

7533 1

Java一分钟之——Java模块系统：模块化开发（Jigsaw）

Java 9引入了一个名为Jigsaw的新特性，即Java模块系统，它旨在提高Java应用程序的可维护性、可扩展性和安全性。...模块系统简介 Java模块系统通过定义模块（Module）来组织代码，每个模块包含一组相关的包，并声明对外部的依赖。...模块通过module-info.java文件来定义，其中包含了模块的名称、导出的包以及依赖的其他模块。...; exports com.example.myapp.ui; } 常见问题与易错点依赖循环：模块之间形成循环依赖，可能导致编译或运行时错误。...避免策略避免循环依赖：精心设计模块结构，确保每个模块有明确的职责，避免相互依赖。明确声明依赖：在module-info.java中清晰列出所有直接和间接依赖的模块。

2721 0

iOS Class Guard github用法、工作原理和安装详解及使用经验总结

（工具的脚本文件会首先编译项目源码，得到应用文件，之后使用class-dump处理应用文件）。...在编译期间内，所有定义在头文件内的symbol都会用对应的生成的不同的符号替换并编译。iOS-Class-Guard也提供了对cocoapod库的混淆。...安装如果没有安装brew 先安装之，在终端内执行这 . 工具的安装目录为/usr/local/bin。...MC*'忽略symbol有些情况是我们不希望混淆，但是一些symbol仍然被混淆了，比如，使用C函数且 OC的方法也使用了相同的名字，这会导致一个ld 连接错误（unresolved external...，这里可是会用到的，如果不用，则包安装包可能会出现问题选择导出签名包，选择签名文件，输入密码，然后点击开始导出导出的包是经过混淆，经过加固比较安全的包了

2461 0

PT2 Export - 用于PyTorch的全图捕获机制

Export产出如何提供静态/动态形状接口导出模型导出产出是一个可以自定义优化的FX graph 支持保存加载与PyTorch模型相同方式后端可以针对core子集优化和插入自定义算子我的名字是Avik...想象一下，在遥远的某个时刻调试运行时错误，你都不记得你的代码是何时何地编译的了。简直是个噩梦。就算你最终找到了根本原因，并修复了你的代码，你也必须重新进行整个流程，部署代码。...为了指导您，我们建立了一个名为ExportDB的示例数据库，希望能够帮助您。随时间变化逐渐增加。这些示例包含了一些被支持和不被支持的用例，一些预期会正常工作和预期不会正常工作的事情。...我们首先简化这些shape guards，使其成为用户可以理解的条件，然后我们在编译时验证这些条件。这个过程可能会导致错误，但幸好我们始终有可操作的错误信息。...就是将模型导出的所有需要做的事情。事实上，这就是我们在开源项目中自动导出一大堆模型的方式。当然，当无法捕获整个图形时，可能会出现错误。您的错误将指向我刚刚谈到的示例。

1091 0

Visual Studio 2019 16.1 更新摘要

Visual Studio 2019 版本 16.1 的摘要 IDE 默认情况下，Visual Studio IntelliCode 随包含 C#、XAML 或 C++ 的任何工作负载一起安装。...现已公开发布 Visual Studio IntelliCode，并且可以随任何支持 C#、C++、TypeScipt/JavaScript 或 XAML 的任意工作负载一起安装。...此版本中的 .NET 效率新增功能包括针对未导入类型的 IntelliSense 完成、切换单行注释/取消注释、将命名样式导出到 editorconfig，以及命名空间内/外部的首选 using 的新代码样式设置...请确保该项目包含名为的清单文件 Info.plist"。 nmake 环境缺少指向 NETFX 工具的路径。单击打开项目的解决方案中的 ASP.NET Core 项目。csproj文件。...[MSConnect 3142311]Visual Studio IDE 提示 E1449 但是代码能正常编译运行、结果也对-> Visual Studio IDE 提示 E1449，但代码可以编译并正常运行

5.7K4 0

TypeScript必知三部曲（一）TypeScript编译方案以及IDE对TS的类型检查

写在前面其实这篇文章并非是全新的文章，早在22年的8月份，我就写了一篇名为《TypeScript与Babel、webpack的关系以及IDE对TS的类型检查》的文章，里面的内容就包含了本文的内容，但迫于当时编写的匆忙...当然，为了方便执行命令，我们在package.json中添加名为build的脚本： { ......插件总共分为两种：当我们添加语法插件之后，在解析这一步就使得 babel 能够解析更多的语法。...如果源码是这种写法，经过 babel 之后就会提示语法错误。但最近的 JS 提案中已经允许了这种新的写法(让代码 diff 更加清晰)。...如果不写任何配置项，env 等价于 latest，也等价于 es2015 + es2016 + es2017 三个相加(不包含 stage-x 中的插件)；@babel/preset-typescript

5122 0

ESModule 系列 (二)：构建下一代基础设施 PDN

/exports.mjs' [ESM] 可以看到，ESM 模块语法在代码执行前就会通过静态语法检测，解析出子模块的具名导出变量和默认导出变量，然后会根据导入语法，在代码真正执行前先进行一次校验，如果引入了错误的变量...这两种导入导出方式不能混用，若错误使用，浏览器底层会直接抛出错误，而在 CJS 中，由于导出的值一直是一个对象，所以通过 require 引入模块时，是不会抛出语法错误的（除非模块不存在）。...React } }) export default ReactLib [React的ESM转化] 可以看到，React 的 cjs 代码经过 Rollup 或者 Esbuild 转化之后，会直接被编译成只有一个默认导出的模块.../esm/components/core/update ，若这两个路径的 ESM 单文件中引用了同样的 Context （比如 React Context），那么最终每个路径的文件里面都会包含一份 Context...{ xxx } 通过在 Node.js 中模拟一个 Browser Context，在 Context 中尝试调用 require('Module')，通过 CJS 加载方式拿到模块的导出对象，将其手动编译成具名导出和默认导出方案

1.3K2 0

Vue3 深度解析

而要达到这个效果，必须在设计时就要把页面模版解析（编译）和渲染输出进行解耦，于是，尤同学新建一个文件夹，命名为 compiler-core ，用于存放实现将使用 html 编写的模版编译成抽象语法树和渲染桥接函数...（用于解耦渲染函数实现的桥）的代码，有了模版编译解析，仅仅只有渲染层的抽象，但还需针对应用级别进行抽象，来运行应用，于是尤同学新建了第二个文件夹，命名为 runtime-core ，用于存放创建应用和应用渲染器的抽象...，这其中也包含了构成应用的组件和节点的抽象。...，其中包含了 reactivity 中创建响应式对象的 reactive 函数，通过这种方式间接导出了 reactive ，也就是前文 hello-world WEB 应用中使用的函数。...其中黄色部分是 Vue3 在应用中导出的 Api ; 橙色部分是 runtime-core 中创建运行时渲染器；青色部分是 compiler-core 及 compiler-dom 中用于将模版字符串编译成渲染函数的抽象语法树及

5.1K5 4

Magicodes.IE 2.2里程碑需求和建议征集

导入支持数据下拉选择，目前仅支持枚举类型；导入数据支持前后空格以及中间空格处理，允许指定列进行设置；导入支持模板自动检查，数据自动校验，异常统一处理，并提供统一的错误封装，包含异常、模板错误和行数据错误...】的值，为0则不拆分。...【导出】修复导出HTML、Pdf、Word时，模板在某些情况下编译报错的问题。【导入】重写空行检查。...支持列乱序（导入模板的列序号不再需要固定）【导入】支持列索引设置【导入】支持将导入的Excel进行错误标注，支持多个错误【导入】加强对基础类型和可为空类型的支持【EPPlus】由于EPPlus.Core...已经不维护，将EPPlus的包从EPPlus.Core改为EPPlus 2019.9.11 【导入】导入支持自动去除前后空格，默认启用，可以针对列进行关闭，具体见AutoTrim设置【导入】导入Dto

1.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭