我的src中有一个图片文件夹,我正在try 导入它以便使用它.

Here is the file structure: structure

在Pictures文件夹中,我有一个Images.js,我在其中定义了一些导入和导出(因为最终,该文件夹中将包含50多张图片.Picture.js的完整代码如下所示:

import onionRings from './onionRings.jpg';

export default { onionRings};

然后,在ExpandedView.js中,我试图导入它们,但它在我的项目目录中给出了一个"找不到模块:错误:无法解析‘./Pictures’.导入CSS文件或其他JS文件可以正常工作.

下面是我在ExpandedView.js:import * as images from './pictures';中使用的一行导入代码

我曾try 将图片文件夹移动到其他位置,但也没有解决问题.

推荐答案

试着这样做:

import * as images from './pictures/images';

See export examples on MDN.

Reactjs相关问答推荐

Firebase删除UserWithEmail AndPassword仅创建匿名用户

为什么登录错误和密码在创建Reaction-Hook-Form后立即被删除?

有没有办法将在服务器端全局获取的一些数据传递到Next&>13应用程序目录中的客户端组件?

如何使用皮金贴图在Reactjs中制作 map 上的点之间的线的动画?

如何使数据库数据在第一次呈现时显示?

无法将react 路由状态从路由传递给子组件

在REACT-RUTER-DOMV6中使用通用页面包装组件有问题吗?

如何删除 bootstrap 手风琴上的边框

React-chartjs-2:红色和绿色之间的差距

React 为什么标签导致 onClick 事件运行 2 次?

如何根据ReactJS中元素列表中的布尔值仅显示一次值

REACT: UseState 没有更新变量(ant design 模态形式)

如何在PrimeReact的表格中修改筛选图标功能

如何渲染子路径并触发react 路由父加载器?

如何到达类组件中的状态?

Cypress 组件测试不渲染react 组件(但它的内容)

next js 13 在获取中使用标头时动态渲染而不是静态渲染?

如何通过 id 从 useSprings 数组中删除元素

React中`onScroll`和`onScrollCapture`之间的区别?

material uireact ,如何从表格中删除阴影?试图找到 api 但找不到正确的属性