Reactjs 更新以创建react app v4，而不是渲染图像

我刚刚更新到

create react app

v4

因此，我更新的依赖项如下所示

"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.0",

我已删除了我的所有

node\u模块

文件夹，并重新安装了它们

我已将所有图像包含在图像文件夹中，该文件夹位于

create-react-app

的

src

文件夹中。当我返回到

react scripts 3.4.4

时，我的图像渲染正确，但在

v4.0.0

中，图像根本没有渲染。我在我的应用程序中同时使用了

png

和

svg

，但都无法渲染

编辑：

---

我发现公用文件夹中的图像似乎没有任何问题。但是我希望我的组件在src文件夹中使用的图像仍然没有呈现，将组件使用的图像放置在src文件夹中是一个很好的做法

您是否正在使用

节点路径

这是一个突破性的变化

删除了typescript标志和节点路径支持

在创建新应用程序时，我们已删除不推荐使用的typescript标志。 改用--template typescript。我们还删除了弃用的 NODE_PATH标志，因为已通过在中设置基本路径来替换该标志 jsconfig.json

---

如果您正在使用它，请改用

jsconfig.json

。

您正在使用

NODE\u PATH

这是一个突破性的变化

删除了typescript标志和节点路径支持

在创建新应用程序时，我们已删除不推荐使用的typescript标志。 改用--template typescript。我们还删除了弃用的 NODE_PATH标志，因为已通过在中设置基本路径来替换该标志 jsconfig.json

---

如果您正在使用它，请改用

jsconfig.json

。

尝试更新require to import语句

const myImg=require（'../imagepath.jpg'）

到

---

从“../imagepath.jpg”导入myImg

尝试更新require to import语句

const myImg=require（'../imagepath.jpg'）

到

---

从“../imagepath.jpg”导入myImg

当图像URL是静态的时，Shyam的答案会起作用，但是，如果您希望动态创建URL，它将不起作用

如果是这种情况，您可以从GitHub使用：

需要（“../../assets/images/others/”+loginGimage）

LoginGimage可以有不同的值（login-image.jpg， 登录（newimage.jpg）

这是通过使用 需要（“../../assets/images/others/”+loginGimage）。默认值

---

require后面的.default起作用。

Shyam的答案在图像URL是静态的情况下有效，但是，如果您希望动态创建URL，它将不起作用

如果是这种情况，您可以从GitHub使用：

需要（“../../assets/images/others/”+loginGimage）

LoginGimage可以有不同的值（login-image.jpg， 登录（newimage.jpg）

这是通过使用 需要（“../../assets/images/others/”+loginGimage）。默认值

---

require后面的.default会起作用。

我没有使用NODE\u PATH，也没有使用Typescript。我使用的是JSI，我没有使用NODE_PATH，也没有使用Typescript。我正在使用JS，非常感谢。create react app v4中是否不推荐使用require？非常感谢。create react app v4中是否已弃用require？