导入Ant设计组件无效
可能是由以下几个原因引起的：
- 版本不匹配：确保你所使用的Ant设计组件库的版本与你的项目所依赖的版本相匹配。不同版本之间可能存在差异，导致导入无效。
- 依赖缺失：Ant设计组件库通常需要依赖其他的库或者插件。请检查你的项目是否已经正确地安装了这些依赖项。
- 配置错误：在导入Ant设计组件之前，你需要正确地配置你的项目。这包括在项目的配置文件中引入Ant设计组件库，并且确保相关的路径和文件名是正确的。
- 编译错误：如果你的项目是通过编译来构建的，那么请确保你的编译过程中包含了对Ant设计组件的处理。例如，在Webpack配置文件中，你需要配置相应的loader来处理Ant设计组件的样式和脚本。
- 其他问题：如果以上步骤都没有解决问题，那么可能是其他一些未知的问题导致导入无效。你可以尝试搜索相关的错误信息或者在开发社区中提问，以获取更多的帮助和解决方案。
总结起来，导入Ant设计组件无效可能是由版本不匹配、依赖缺失、配置错误、编译错误或其他问题引起的。确保你的项目正确配置并且满足组件库的要求，同时检查相关的错误信息和寻求帮助是解决这个问题的关键。
相关·内容
下面这两行都为这个包贡献了相同的大小。
import _ from "lodash";
import { get } from "lodash";
我预计2号线的尺寸要小一些。(参考图片)
在Ant中，命名导入的成本更低，而Ant并没有在死后工作。
有办法减少这种情况吗？
浏览 4提问于2022-09-16得票数 3
回答已采纳
我已经创建了用创建-反应-应用程序和使用的蚂蚁设计组件，随着项目变得更大，我需要使用一些可怕的组件从蚂蚁设计-专业。
在现有的蚂蚁设计项目中有什么方法来集成ant-design-pro组件吗？
我试过导入和使用@ant-design/pro-布局，但对我来说没有用。
浏览 0提问于2019-06-07得票数 5
回答已采纳
1回答
当前正在尝试在React (https://ant.design/components/avatar/)中使用Avatar.Group。 它指出，我的package.json的Antd版本是4.5.2 (用于avatar.group功能的4.5.0+ 我收到这个错误： 错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但got: undefined。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。 有人知道怎么解决这个问题吗？ 我已经导入了阿凡达的库，还有很多其他的库： import { Avatar, Button .....} from
浏览 49提问于2020-08-10得票数 0
回答已采纳
单击“编辑”按钮时，我希望向列表中添加折叠效果，以便在“列表”元素下面显示一个主体，用于输入字段编辑对象。我使用react引导来表示崩溃，而ant-d用于列表。
这是我的清单：
<List
dataSource={this.state.data}
renderItem={item => (
<List.Item key={item.id} actions = {
[
<Button type="primary" onClick={() => this.setState({ open: !open })
浏览 0提问于2019-04-24得票数 1
我能够构建vue web组件并将其加载到其他页面中，但是我无法找到如何正确地包含UI框架的文档。web组件似乎在shadowDOM下，使用样式标记导入css将无法工作。
(在模板中添加CDN链接，并应用样式)
任何关于任何框架的提示，Vuetify或Ant设计或尾风CSS都将不胜感激。
类似问题：
浏览 4提问于2022-02-14得票数 2
回答已采纳
当我尝试使用react在ant设计中像这样进行导入时
import {UserOutlined, LockOutlined} from '@ant-design/icons'
我会得到下一个警告
"You are using a whole package of antd, please use
https://www.npmjs.com/package/babel-plugin-import
to reduce app bundle size warning or what wrong with my babelrc?"
我试着用冒泡-导入-插件来修复它，
浏览 1提问于2021-02-02得票数 2
我对React中的UI库和css非常陌生。我使用的是Ant Design中的数据选择器：https://ant.design/docs/react/introduce。 它们提供了CodePen示例，在css选项卡中您可以看到： @import 'antd/dist/antd.css'; 但是，当我使用‘import’./Component.css‘将其添加到我的css样式表并导入到组件中时，我在components文件夹中得到错误消息"Module not found: Can't resolve './antd/dist/antd.css'
浏览 18提问于2019-06-08得票数 4
1回答
我使用的是vue2 ant设计库，并且有很多与之相同的组件 import Vue from "vue"
import select from "select"
Vue.use(select) 最好的用法是这样，还是应该在app.vue中导入所有的ant设计ui？
浏览 21提问于2021-08-19得票数 0
有一个我想要覆盖的全局css类( .ant-content )，但我想在每个路由上这样做，我已经尝试导入css文件来覆盖每个react-component的.ant-content，这些.ant-content在不同的路由中加载，但它们最终只在不渲染时加载它们的css (可能是因为无论组件是否加载都会发生导入)。
浏览 13提问于2019-01-03得票数 3
我最近开始使用Ant，我注意到人们可以使用React组件和css类来解决这个问题。在文档中，我找不到有关css类的任何内容，但我个人更喜欢css类方法。如何更多地了解可用的css类，从而避免导入所有这些组件？
import 'antd/dist/antd.css';
import { Row, Col } from 'antd';
<Row>
<Col xs={24} xl={8}>
One of three columns
</Col>
<Col xs={24} xl={8}&
浏览 3提问于2022-02-26得票数 1
我正在尝试使用vue-ant框架的表格组件。我只想导入表格样式。但是，当尝试导入import 'ant-design-vue/lib/table/style/css'表格样式时，来自其他组件的所有元素都会受到影响。是否可以仅对该组件使用该样式。 我尝试将其导入到javascript标记，但遇到了一些错误，因为less文件需要来自<style>文件的一些参数
浏览 19提问于2019-09-10得票数 2
1回答
如何释放WebService正在使用的变量。
我用的是这个表格
HttpPrincipal.WSDLLocation: = FrmPrincipal.edtWS.Text;
HttpPrincipal.Service: = 'CADServicesService';
HttpPrincipal.Port := 'CADServices';
Trinity: = HttpPrincipal as CADServices;
在我将要关闭的时候，表单出现了一个错误，并发现当我声明这个部分时：
Trinity: = HttpPrincipal as
浏览 2提问于2012-12-06得票数 1
回答已采纳
1回答
我是新来的reactJS，我想显示错误信息时，有人离开空白的文件。表单已经被验证，但无法显示错误消息。我从(ant-design)复制了这个表单代码，我将共享它的链接来查看原始表单，它可以正常工作，但在我的表单中，错误消息不起作用。原始表单链接
我的表单代码
import React from 'react';
import styled from 'styled-components';
import 'antd/dist/antd.css';
import Input from 'antd/lib/input';
const
浏览 0提问于2018-11-24得票数 1
我正在阅读ant-design的源代码，并注意到每个组件在样式文件夹中都有一个和。为什么这里使用js来管理依赖关系？如果我只是将其移动到较少的文件并使用@import，有什么不同
浏览 9提问于2018-01-05得票数 0
我们正在开发一个React应用程序(使用而不弹出它)，我们决定使用Ant作为我们的基本组件库。现在我们已经接近项目的末尾了，我们发现应用程序将作为一个"portlet“集成到一个公司门户(WebSphere)中，因此我们从主页继承了所有的CSS文件。
这两个框架似乎都有自己的重置样式，但它们使用不同的值。到目前为止，我还没有在Ant中找到一个可以用于前缀所有Ant的CSS规则的较少变量。
有没有人想让他们住在一起？
我们不拥有父开发，我们只能在React部分进行更改，因此只有与Ant相关的内容。
浏览 0提问于2018-07-10得票数 4
回答已采纳
我在材料ui中直接使用scss有一些问题，因为并不是所有的样式都适用。我试图使用makeStyle，但是因为我使用的是类组件，所以它给出了关于无效钩子调用的警告。
风格：
.table-header {
background-color: #005CAA; //only this style works
color: white;
font-weight: bold;
text-align: center;
}
我从Material UI调用TableCell组件
<TableCell className="table-header">Invoic
浏览 0提问于2020-06-19得票数 0
我使用了一个常规的react风格风格，并尝试将其与ant设计结合使用。但是组件看起来并不像它们应该的样子。我也在项目中安装了antd。 Project Screenshot 我真的不知道到底是什么错了？
浏览 38提问于2019-05-13得票数 0
实际上，我们在.vue文件中使用this.$notification.open(opitons)，然后它将在我们的web应用程序中显示通知。但是如何在.js文件中使用this.$notification.open(选项)呢？例如，我在.js文件中编写外部函数，如果出现错误，它将显示通知。我尝试导入Antd，然后使用Antd.notification.open(打开)。此代码不起作用。 Ant设计通知链接在此处：https://www.antdv.com/components/notification/
浏览 108提问于2020-06-27得票数 0
我搜索了，但似乎找不出如何更改使用V4生成的默认加载旋转器。我用了发电机运行了npm create umi myApp。有一个默认的四圈旋转器，我想用一个定制的旋转器来替换。
默认加载程序位于以下位置：
#/myApp/config/config.ts
...
dynamicImport: {
loading: '@/components/PageLoading/index',
},
...
当我根据Ant的客户查询文档修改PageLoading/index.tsx页面时。我一直在犯这个错误。
Error: Element type is invalid: e
浏览 8提问于2020-06-01得票数 2
回答已采纳
2回答
我将使用react.js创建一个管理门户网站，我搜索了创建它的最佳/最简单的方法。到目前为止，我认为和是构建站点的好选择。prefer bootstrap不支持bootstrap 4，而且看起来ant提供了更强大的组件，所以我更喜欢ant。还有人有别的选择吗？或者你对蚂蚁设计的看法如何？
谢谢
浏览 1提问于2018-04-22得票数 1
我有一个React组件，我正在React之上集成Ant设计框架。我有一个包含3列的Ant行。我还有一个css文件，里面有自定义的css。我想使用自定义css并在其上添加css。当组件呈现时，我的css文件中的css都没有实现到组件中。
下面是react组件：
import React, { Component } from 'react';
// import Logo from '../../../static/images/bootup-logo.png';
import styles from './Topbar.css';
import
浏览 3提问于2019-01-08得票数 1
我想在服务器端渲染react应用程序项目中使用ant设计。如何在服务器端渲染中导入antd？
import {
Icon, Form, Input, Button, Upload, Select, Badge,
Avatar, Divider, Checkbox, DatePicker, Row, Col, Carousel
} from 'antd';
浏览 3提问于2018-04-23得票数 3
当我尝试显示{props.child}.The page remains blank.The detailed时出现上述错误
index.js:1 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
in div (at CustomLayo
浏览 0提问于2020-02-28得票数 0
启动组件挂载()运行良好，但我按下F5回复错误。
/* eslint-disable react/prop-types */
/* eslint-disable react/destructuring-assignment */
import React from 'react';
import {
Col, Row, Input, Select, Upload, Icon, Form, Button,
} from 'antd';
import 'react-quill/dist/quill.snow.css';
import 'r
浏览 1提问于2019-06-17得票数 0
回答已采纳
1回答
是否有适当的方法使用蚂蚁与混合？
使用antd (ant.design)版本5。尝试在混合项目中将以下内容添加到root.tsx (以及路由文件)文件中，但样式仍然无法工作：
import styles from "antd/dist/reset.css";
export function links() {
return [
{
rel: "stylesheet",
href: styles,
}
]
}
浏览 1提问于2022-11-22得票数 0
我试图使用cmd行中的"ng generate component英雄“生成一个名为”英雄“的组件，并得到以下消息：
错误:您提供了一个期望流的无效对象。您可以提供一个可观察的、许诺的、数组的或可迭代的。
您提供了一个期望流的无效对象。您可以提供一个可观察的、许诺的、数组的或可迭代的。
注意:在版本警告出现问题之前，错误仍在发生。
我能做些什么来解决这个问题？
浏览 3提问于2018-01-12得票数 1
2回答
我想要实现 在深色/浅色主题之间动态切换 使用Ant设计v4。 可以使用其他CSS/LESS导入来自定义主题，如下所示： https://ant.design/docs/react/customize-theme#Use-dark-theme 但我不确定如何从代码中动态地切换这些主题。我的React应用程序中有一个变量( )，其指示当前是否使用暗主题。当这个变量改变时，我必须提供正确的CSS文件。但我不能只在满足某些条件时动态导入CSS，因为这不是导入工作的方式。 我试着做一些乱七八糟的事情 就像在下面的代码中一样，但这是非常非常糟糕的方法，而且它仍然不能正常工作(因为CSS是注入的，但可能
浏览 68提问于2020-03-02得票数 18
已经复习了 (还有一些其他的，但这是最相似的)，阅读有关这个错误消息的Cypress文档。我知道这是一种种族错误，但我的一生都不能把它做对！
我有一个抽屉，里面有下拉菜单。我想点击第一个下拉菜单，并选择第一个选项。
下面是我测试的一个简化版本：更新：更改为我元素的目标内容，而不是使用antd选择器。
it('Adds new involved party to a case', () => {
// click button to open drawer that contains dropdown
cy.contains('Beteiligter
浏览 3提问于2020-12-29得票数 1
回答已采纳
有没有办法指定Ant Design Upload (https://ant.design/components/upload)组件打开到的默认目录？例如，如果我希望它默认打开到映射驱动器上的某个目录，比如'E:/dir/name'，我该怎么做呢？似乎没有一个选项适合这一点，但肯定有人已经做到了这一点。 让我试着给出一些背景，试图避免明显的网络安全反应:在electron.js中使用react.js + antd，从我们都喜欢的网络技术堆栈中构建桌面应用。使用Node fs库允许用户与其本地计算机上的文件系统进行交互。我想知道是否有可能将它打开到我告诉它的任何目录。我理解为什么
浏览 34提问于2020-01-22得票数 0
我在使用appeared组件()时遇到了一些小问题，但是当我试图加载ant设计字体时，出现了一个错误。赛义德
无法从“"@ant-design/icons-react-native/fonts/antoutline.ttf”“解析App.js
。
守则：
async componentDidMount() {
await Font.loadAsync({
antoutline: require("@ant-design/icons-react-
native/fonts/antoutline.ttf")
}
浏览 3提问于2019-03-15得票数 3
回答已采纳
5回答
每当我想使用Ant design Component时，我都会捕捉到这个标题的错误：
antd.min.js:23 Uncaught TypeError: Cannot read property 'Component' of undefined
at Object.<anonymous> (antd.min.js:23)
at t (antd.min.js:7)
at Object.<anonymous> (antd.min.js:31)
at t (antd.min.js:7)
at Object.<an
浏览 3提问于2018-07-30得票数 3
回答已采纳
1回答
反应异步钩子如何做它
、、、
这是我的反应元件。
const DashboardContext = React.createContext()
function DashboardStateProvider({ children }) {
const wallet = useWallet()
const Provider = DashboardContext.Provider
if (wallet.account)
return (
<WithSubscription Provider={Provider} connectedAccount={wallet.account}>
浏览 1提问于2021-03-17得票数 0
1回答
我一直很喜欢在这个项目中使用ant设计库，但是由于某些原因，我不能让弹出窗口工作。是我所得到的视频。
以下是代码
<Popover
content={
<div>
<p>hi</p>
</div>
}
title="Title"
>
<Button type="primary">Hover me</Button>
</Popover>
浏览 6提问于2021-06-13得票数 1
我们需要在中实现一个拆分按钮。它已经提供了不支持拆分的Button组件。它还有可以拆分按钮的下拉列表，如示例- 所示。
这个实现的问题是，如果单击下拉列表，它将被关闭。这对菜单来说没问题，但我们需要在那里放一个更复杂的表格。当您单击下拉列表的外部时，它应该关闭，但当您单击inside时，不应该关闭它。
通过Ant设计，这是可能的吗？
浏览 3提问于2020-03-02得票数 0
回答已采纳
我们已经开始使用这个了。此外，我们还试图集成Ant设计，因为它的组件非常棒。
从Ant的文档中，我创建了一个包装AppWrapper的React样板，如下所示-
import { LocaleProvider } from 'antd';
import enUS from 'antd/lib/locale-provider/en_US';
return (
<LocaleProvider locale={enUS}>
<AppWrapper>
...
</AppWrapper>
</LocaleProvider&
浏览 5提问于2017-05-21得票数 0
2回答
蚂蚁设计按钮颜色更新
、、、、
我正在尝试更新我的Radio应用程序中这个链接中提到的收音机的Button颜色。
我尝试使用这个中的建议来更新颜色。
但是我的颜色没有更新。我不知道我在这里做的不对。
另外，它是一个REACT项目，我的package.json对"antd": "^4.5.0"有一个依赖项，而antd.css的导入在app.tsx中存在，如下所示
// Global styles
import "antd/dist/antd.css";
这是我在项目的一个组件文件中拥有的代码。
文件名：MyRadio.tsx
import { Radio } from "
浏览 0提问于2020-09-08得票数 0
我有一个函数组件想要导入我的应用程序，但是我得到了：
不变冲突元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查ProjectDropContainer的呈现方法。
这里有一个沙箱：
我试着像这样导入ProjectDropContainer：
import ProjectDropContainer from "./ProjectDropContainer";
或者像这样：
import {ProjectDropContainer} from "./Proj
浏览 5提问于2019-10-13得票数 3
回答已采纳
我的应用程序运行成功，但是在使用ant设计的几个组件后，我在浏览器控制台上得到了这个错误。当我安装ant d时，我执行以下步骤
npm安装antd
将antd.compact.min.css的链接标记添加到index.html
向index.html添加了/antd/4.13.1/antd.min.js的脚本标记
向index.html添加了/antd/4.13.1/antd-with-locales.min.js的脚本标记
Uncaught TypeError: Cannot read property 'Component' of undefined
浏览 7提问于2021-03-19得票数 1
回答已采纳
import React from 'react';
import ReactDOM from 'react-dom';
import Map from './components/map/container/map';
import App from './App';
import './index.css';
import shell from './shared/utility/shell';
import { render } from 'react-dom'
import
浏览 13提问于2017-07-04得票数 52
我想知道是否有启用SSL的中央存储库，但可能没有，我注意到maven中央存储库中的每个jar和pom文件都有签名。所以至少我想检查一下所有maven下载文件(pom/jar)的签名。
来自的示例
ant-1.8.2.jar
ant-1.8.2.jar.asc
ant-1.8.2.jar.asc.md5
ant-1.8.2.jar.asc.sha1
ant-1.8.2.jar.md5
ant-1.8.2.jar.sha1
ant-1.8.2.pom
ant-1.8.2.pom.asc
ant-1.8.2.pom.asc.md5
ant-1.8.2.pom.asc.sha1
ant-1.8.2.p
浏览 0提问于2011-07-04得票数 37
这是我的构建文件：
<project name="ant-in-eclipse" basedir="."
xmlns:ant4eclipse="antlib:org.ant4eclipse"
xmlns:antcontrib="antlib:net.sf.antcontrib" default="compileAndJar" >
<taskdef uri="antlib:net.sf.antcontrib"
resou
浏览 1提问于2011-06-15得票数 1
1回答
我尝试更改ant设计组件的Button文本的默认颜色。在我的表中，我在每一行都放入了透明的LinkButton。这就是为什么我的桌子看起来像那样。我使用Scss，我试着把名字的颜色蓝色改成灰色。谢谢你们每一个人。
<Button
style={{ color: 'none !important' }}
className={s['transparent-button']`
>
{original.name }`
我试过了，因为按钮，包括LinkButton的每个文本都是蓝色的。怎样才能改变颜色呢？
浏览 0提问于2018-11-08得票数 1
这个React面板是用React构建的，并被设计成具有拖放功能。但是，它在呈现时抛出一个不变冲突: Element无效。
该面板是由反应钩在流星，如下所示。
import React, { useState, useCallback } from 'react';
import update from 'immutability-helper';
import ProjectItemPreview from './ProjectItemPreview.js';
export const ProjectItemsPanel = () =>
浏览 3提问于2020-08-14得票数 0
2回答
我正在尝试用Ant构建我的Android项目。每当我使用Eclipse进行构建时，应用程序就会成功地编译。然后我可以运行一个ant installd，并将该应用程序的调试版本安装到我的设备上。但是，如果我运行一个ant clean，然后运行ant debug，构建就会失败，因为它找不到类OverlayItem。然而，在project.properties中，我有target=Google Inc.:Google APIs:4。我做错了什么？
控制台输出
cas-v1500-sh:VIIAD Ant VIIAD$ ant debug
Buildfile: /Users/VIIAD/Desktop
浏览 2提问于2012-01-03得票数 2
回答已采纳
6回答
在使用React.js进行第一次呈现时，呈现我的有一个问题。我有一个非常基本的页面，那就是渲染一个按钮。
import React from 'react';
import { Button } from 'antd';
const LoginPage = () => {
return (
<div>
<Button type="primary">Button</Button>
</div>
)
};
expor
浏览 0提问于2019-02-17得票数 17
回答已采纳
我有一些生产文件，它可以很好地处理像这样的导入： Ant.py： from TurnDegree import TurnDegree 但是在单元测试期间(同时运行：python -m unittest tests/AntTest.py)，会出现一个错误： File "/Users/x/Desktop/langton-python/src/Ant.py", line 1, in <module>
from TurnDegree import TurnDegree
ModuleNotFoundError: No module named 'Turn
浏览 24提问于2019-09-25得票数 1
回答已采纳
2回答
我的项目越来越大，正确的模块无法正确导入。结果是程序在第一行停止运行。下面是我的目录地图当前的样子：
PROTOTYPE
- Sound_editor (folder)
- - openant (cloned library from Github)
- - - __init__.py
- - - (a bunch of files and folders from the library)
**
- - - ant
- - - - base
- - - - - ant.py
- - - - - __init__.py
- - - - easy
- - - - - __init__.py
-
浏览 4提问于2021-07-19得票数 1
将CSS文件迁移到SCSS后，我可以在第一次加载(每次重新加载页面后)看到布局元素的FOUC。
我猜这与我的webpack配置有关，所以我尝试使用来解决这个问题，但我仍然可以看到这个问题。
下面是我的webpack.config.js文件的内容：
const HtmlWebPackPlugin = require("html-webpack-plugin");
const path = require('path');
const MomentLocalesPlugin = require('moment-locales-webpack-plugin&#
浏览 12提问于2020-02-10得票数 0
回答已采纳
1回答
我正在为使用完全相同代码的不同客户开发一个应用程序(它只显示一个WebView)。唯一的区别是一个配置文件、图标和android包名，它们都是通过自定义ant任务生成的。
如果我运行ant发布目标或在eclipse中构建项目，生成的Java类(如R)将在一个名为android的包中生成。因此，在我的项目中导入这些类是无效的，因为它们的包已经更改。
Newsnet.java
package ch.newsnet.app;
import ch.newsnet.app.R; // <- cannot be found after build
public class Newsnet ext
浏览 4提问于2013-08-22得票数 0
回答已采纳
我一直试图在Windows 7框上克隆和构建一个项目，如下所示：
git clone git@github.com:corvec/project-name.git
cd project-name
git submodule init
git submodule update
ant clean
ant resolve
直到ant resolve按预期工作为止，所有的命令都能正常工作，这将给出以下错误消息：
Buildfile: c:\workspace\project-name\build.xml
clean-lib:
[delete] Deleting directory c:\wo
浏览 5提问于2013-03-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
