为此，我将我所有的图标存储在我的src/icons文件夹中，并创建了一个索引文件，将我的图标导出为React元素。问题是，在尝试导出ReactComponent时，我得到了以下错误 Module '"*.svg"' has no exported member 'ReactComponent'.Did you mean to use 'import ReactComponent</e
浏览 226提问于2020-04-28得票数 0
我正在使用nextjs，并且我在我的nextjs配置中使用svgr插件，以便能够使用svg文件作为组件，我的nextjs配置： module.exports = { config.module.rules.push({ use: ["@svgr/webpack"], }, disabl
浏览 72提问于2021-06-23得票数 1
1回答
好的，我到处都找过了，没有关于这个Babel模块的文档--命名为babel的插件--资产导入
有人能解释一下它的用途和工作原理吗？
浏览 6提问于2020-08-22得票数 3
回答已采纳
2回答
我在导入用typescript编写的组件时遇到问题。此组件位于Storybook中，而Storybook位于单独的存储库中，即它是一个单独的应用程序。对于我的实时编写的项目，它导入了Storybook应用程序和我想要导入到我的应用程序中的组件。我使用npm-link来做这件事。/IconSquare/IconSquare";
import { ReactComponent as HamburgerIcon } from &
浏览 5提问于2021-03-31得票数 0
库中的组件使用SVG，我使用SVG的语法为我想使用内部的库，我用Reactive17.0.2和webpack5创建的主应用程序。我将加载器添加到Webpack，我可以在主应用程序中使用svg作为组件，如-
浏览 21提问于2022-04-11得票数 2
这是我的代码import WaveBoard from "../../../common/HeaderBackground.svg"; <Header />
<
浏览 4提问于2021-09-23得票数 1
我试图让同样的进口陈述同时适用于Vite和Webpack的设置(由童话簿使用)，而且我无法让它像广告中所宣传的那样为Webpack工作。根据的说法，这应该是可行的：import {ReactComponent as UilPlus} from '@iconscout/unicons/svg/line/plus.svg&#x
浏览 7提问于2022-02-21得票数 1
回答已采纳
我正在学习一个教程，其中一个.svg文件是作为一个组件导入的。代码行是：我知道.svg文件是作为组件导入的，但是，我不知道ReactComponent是从哪里来的？我检查了.svg文件，其中没有</em
浏览 16提问于2022-05-10得票数 2
回答已采纳
下面的行在tsx文件中抛出上述错误我在global.d.ts中处理SVG导入 const ReactComponent: any;
export constReactCom
浏览 7提问于2022-11-14得票数 0
回答已采纳
我创建了一个带有自定义按钮的库。按钮文件夹包含24个svg文件。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。import React from "react";
import { ReactComponent as ArrowIcon/arrow_icon.svg</em
浏览 0提问于2020-02-07得票数 0
我使用CRA创建了一个typescript应用程序，代码如下：它运行得很好，现在我想把这段代码剥离到一个npm包(库)中。我创建这个包的方法是:首先再次运行CRA，然后删除所有看起来不相关的内容(例如：公共文件夹)。/// <reference types="react-scripts" />
import {
浏览 0提问于2021-05-20得票数 8
1回答
使用CRA延迟加载SVG
、、、
我想用CRA懒惰地加载SVG，但是我被卡住了，需要你的帮助。 我正在尝试这样做： const LoadIcon = (name) => lazy(() => import(`../icons/${name}.svg`));
const Icon = LoadIcon(icon); return <Icon />;
};
浏览 40提问于2021-11-09得票数 0
在创建反应应用程序中，我将正在工作的jsx文件转换为tsx文件，这一行：正在抛出类型记录错误:无法找到模块'./src/**/*.svg"]它看起来像是node_modules/react/lib/Reve-app.d.ts已经拥有了：
declare module '*.<
浏览 23提问于2021-12-28得票数 4
我正在将SVG导入到我的组件中，并使用ReactComponent将它们作为组件导入。 import { ReactComponent as D1 } from '../../../assets/images/characteristics/D1.svg'; 当我运行jest/enzyme进行测试时，我得到一个错误:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件您可能忘记了从定义组
浏览 31提问于2020-08-21得票数 3
在其他声明中，我在我的./src/types.d.ts文件中声明了以下模块：import '@emotion/react';
declare module '*.<em
浏览 6提问于2022-01-02得票数 3
回答已采纳
当尝试将svg加载为ReactComponent时，我会收到以下错误。
检查Icon的呈现方法。
我使用创建-反应-应用程序与类型记录选项创建项目。如果我对文档的理解是正确的，我应该能够将svgs作为ReactComponent从盒子中导入(从CRA2.0开始)。但奇怪<
浏览 0提问于2019-06-19得票数 21
尝试使用此库：import { ExternalLink } from 'assets/svg/link-external.svg?我之前遇到的错误如下：
//UncaughtSyntaxEr
浏览 66提问于2021-12-10得票数 18
回答已采纳
2回答
将徽标图像放入导航栏
、、、
当我把我的徽标放在导航栏里面的时候，我得到了一个破碎的图像。我将它保存在本地的公共文件夹中。 我试着作为一个道具传递，并直接链接到路径，但我似乎无法让它工作。Typography> </AppBar> )export default NavBar; 我需要将徽标显示在导航栏的左下角
浏览 8提问于2019-06-19得票数 0
回答已采纳
在基于创建- React -app的组件中，只要SVG文件在项目中，将SVG作为React组件导入就可以正常工作：但是，在将所有图像移动到AWS S3桶后，我会收到以下错误：
预期会有一个JavaScript模块脚本，但是服务器会响应MIME类型的"image/<
浏览 4提问于2022-11-08得票数 1
6回答
我有一个函数，它接受一些参数并呈现SVG。我希望根据传递给函数的名称动态导入该svg。/icons/${name}.svg`);};
根据的说法和神奇的评论“渴望”：所有模块都包含在当前块中，也没有额外的网络请求。承诺仍然返回，但已被解析。与静态导入相反，模块</em
浏览 9提问于2020-04-21得票数 25
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
