错误:在React中导入图像时找不到模块'./‘？
在React中导入图像时找不到模块'./'的错误通常是因为导入路径的问题。可以通过以下几个步骤来解决这个问题：
- 确保导入路径是正确的：检查你导入图像时使用的路径是否正确。路径应该相对于当前文件的位置，如果图像与当前文件在同一目录下，则可以直接使用"./image.png"这样的相对路径来导入图像。
- 确保图像文件存在：检查你要导入的图像文件是否存在，并且文件名是否正确。如果文件名拼写错误或者文件不存在，就会导致找不到模块的错误。
- 确保导入语句的语法正确：在导入图像时，需要使用ES6的import语法。确保你的导入语句的语法是正确的，例如：
import image from './image.png'; - 确保你的项目配置正确：有时候，在React项目中导入图像可能需要额外的配置。确保你的项目配置文件（例如webpack配置文件）中已经设置了正确的文件加载器或者插件来处理图像文件的导入。
总结： 当在React中导入图像时找不到模块'./'的错误通常是由导入路径不正确、图像文件不存在、导入语句语法错误或者项目配置不正确等问题引起的。请根据以上步骤逐一排查，并确保路径、文件、语法和项目配置的正确性。
腾讯云相关产品推荐：
- 对于前端开发，腾讯云提供了对象存储 COS（云对象存储）服务，用于存储和管理静态资源，可以通过链接地址：https://cloud.tencent.com/product/cos 了解更多信息。
- 对于后端开发，腾讯云提供了云服务器 CVM（云虚拟主机）服务，用于运行应用程序和托管网站，可以通过链接地址：https://cloud.tencent.com/product/cvm 了解更多信息。
- 对于数据库，腾讯云提供了云数据库 TencentDB，支持多种数据库引擎，如MySQL、Redis等，可以通过链接地址：https://cloud.tencent.com/product/cdb 了解更多信息。
- 对于网络安全，腾讯云提供了Web应用防火墙（WAF）服务，用于保护网站免受恶意攻击，可以通过链接地址：https://cloud.tencent.com/product/waf 了解更多信息。
请注意，以上链接仅供参考，具体的选择和使用需根据实际需求和情况来确定。
相关·内容
我从.json中拉入一些数据，以便在我正在开发的react应用程序中传播网格。 {props.title}和{props.author}返回正确，但我无法显示图像。目前，我在转到此路线时出现了一个“错误:找不到模块'./'”页面。 我确信这是我的文件路径/assets/images，但无法解决它。下面是我的文件路径： src ┣资产 ┃┗图像 ┃┃┣burger-l
浏览 29提问于2020-10-30得票数 1
1回答
我目前正在使用React构建一个项目，并且对各个组件使用CSS模块。.Container {}Can't resolve './images
浏览 2提问于2020-07-30得票数 0
错误:无法从react中找到模块/home/react/node_modules/react-redux/lib/components
我正在使用cypress对组件进行单元测试，当我运行测试时，我将面临上述错误，并且“react”已经安装在依赖项中。
浏览 4提问于2020-03-02得票数 0
回答已采纳
2回答
使用React和VS代码导入模块
、、、、
我在VS代码中使用React，并尝试导入以下模块： import React from 'react';
import axios from 'axios'; 我能够成功地导入React，但是当我导入axios时，我得到了一个模块找不到错误。/src/components/UploadForm.
浏览 29提问于2021-07-01得票数 0
回答已采纳
1回答
不幸的是，我收到了一些令人毛骨悚然的错误和警告：
解析导入模块‘./../图像/图标_cart.png’中的错误:意外字符'�‘(1:1)导入/默认
解析<em
浏览 0提问于2018-07-28得票数 0
1回答
当我运行yarn test时，我得到以下错误：Cannot find module 'react-google-button' from 'App.tsx'。这似乎是由于没有找到react-google-button而引起的。我已
浏览 3提问于2020-02-02得票数 2
回答已采纳
1回答
我想要达到的目标：
package.json "name":", }index.tsimport ReactDOM from 'react-dom&#
浏览 1提问于2019-12-05得票数 2
1回答
我使用、npm、-i、jodit-react安装了jodit编辑器。包被添加到节点模块中，但我无法导入它。这就是我得到的错误:找不到模块:无法解决
浏览 5提问于2022-09-18得票数 -1
回答已采纳
1回答
我试图在react中为本机模块和JavaScript模块之间的回调功能构建一个示例应用程序。但是它说找不到类CallBack，我尝试使用以下代码在本机模块和javascript之间进行通信:- import com.facebook.react.bridge.CallBackimport { NativeModules } from 'react-native&#x
浏览 1提问于2017-12-27得票数 0
我正在尝试使用react-bootstrap创建一个导航栏我已经安装了节点模块，它是"@types/react-bootstrap": "^0.32.11",，我想在我的hello.tsx组件中使用它，但它显示编译错误模块未找到:错误:无法在：\Query Express\Portal\src\components中解析' react-bootstrap‘我不明白它为什么要在
浏览 0提问于2018-07-24得票数 4
回答已采纳
2回答
我使用inline-react-svg插件和babel，以便在NextJS中导入内联SVG。那是我的.babelrc文件 "presets": ["next/babel"], "inline-react-svg", "import", { &quo
浏览 1提问于2020-07-02得票数 0
回答已采纳
我试图用Turbopack TSX项目创建一个组件类：import baseResolution from '@/lib/baseResolution';
extends React.Component<{}, {resizeListener: Function | null}> // ...到目前
浏览 13提问于2022-12-03得票数 0
我正在我的react应用程序中实现一个上传文件下拉区域，我打算将它发送一个post请求到我的.NET Core来解析这个文件并将它保存到一个DB中。我正在使用这个作为指南，同时进行我自己的调整以适应我的项目规范，并且我不断地得到以下错误，我不知道如何修复：
impor
浏览 1提问于2018-03-03得票数 2
回答已采纳
我得到找不到模块:导入组件FormControl时无法解决react-bootstrap错误。FormControl, Form, FormGroup,
Checkbox } from 'react-bootstrap
浏览 0提问于2018-12-26得票数 1
在我试图拆分代码时，我遇到了这样的情况：const importStr = `react-icons/${g.toLowerCase()}`;console.log(importStr === `react-icons/bi`);
console.log(module);
import(`rea
浏览 1提问于2021-08-20得票数 1
回答已采纳
1回答
当我试图使用src设置图像的props时，我得到了一个错误。组件，该组件包含图像：
import React from 'react&#
浏览 1提问于2021-06-17得票数 2
回答已采纳
有问题将img导入react组件import React from 'react'import logo from '.div className='img'> <img src={
浏览 0提问于2020-05-04得票数 0
我有带图像的物体。我需要遍历对象并从那里渲染图像。(我会有很多的)。/c.jpg", }, }
import myJson from '../..:找不到模块。如果
浏览 24提问于2021-03-22得票数 0
我是新手，我想使用jQWidgets库：
现在，当我转到我的app.js文件并导入任何文件时，它会向我显示如下所示的“模块找不到”：未能编
浏览 2提问于2018-03-10得票数 1
administratie └─ static └─ js └─ contentimport React, { Component } from "react";
import ".4行，我从静态文件夹导入一个..js文件。在第26行中，我显示了静态文件夹
浏览 2提问于2020-01-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
