我尝试导入公用文件夹下的globe.json文件，但返回的是Module not found: Can't resolve '/globe.json'

这是我当前的文件结构：

public
    globe.json
src
    lib
        test.json
    pages
        index.jsx

地球仪示例：

{
    "type": "FeatureCollection",
    "features": [
      {
        "type": "Feature",
        "properties": {
          "POP_EST": 34124811,
          "ECONOMY": "7. Least developed region",
          "INCOME_GRP": "5. Low income",
          "ISO_A2": "AF",... }

和导入方法：

import countries from '/globe.json'

从文件结构中，我还有一个test.json文件，我已经按照下面的方法导入了它，没有任何问题：

import countries from '@/lib/test.json'

我也参考了这个问题Loading content from a static JSON Next JS，唯一的区别是问题中的示例从api文件夹导入，类似于我处理lib文件夹的方式。预期的行为是能够从公共文件夹导入而不使用命名路径，因为它是公共文件夹，而不是无法解析导入。
我的问题是，为什么导入不能与公共文件夹一起工作？如果json文件放在其他目录中，是否会有任何影响，特别是在性能方面？