無法從React Naitve中的其他文件夾導入圖像

Question

大家好，我是新手，本機無法顯示來自其他文件夾的圖像。 這是我的圖像文件結構。

src/images/bell.png
src/images/images.js

images.js

export const NOTIFICATION_ICON = require('./bell.png');

我正在使用此圖像的組件的文件結構

src/components/common/AppHeader.js

我的AppHeader.js文件

import { NOTIFICATION_ICON } from "../../images/images";

 return(
    <Image source={NOTIFICATION_ICON} />
 );

我收到以下錯誤。

未捕獲的不變違反：元素類型無效：預期為字符串（對於內置組件）或類/函數（對於復合組件），但得到：未定義。 您可能忘記了從定義文件中導出組件。

有人可以幫忙嗎？

Answer 1

除去花括號並嘗試

import NOTIFICATION_ICON from "../../images/images";