Я пытаюсь поместить список стран в файл. js и экспортировать его для повторного использования. Получение ошибок

Question

Я создаю сайт response / material-ui и хочу создать файл country. js, содержащий следующее (в качестве примера)

  export default const countryList =  [
  {
    "label": "United States",
    "value": "US"
  },
  {
    "label": "Afghanistan",
    "value": "AF"
  },
   ...
  ]

Я хочу иметь возможность импортируйте это следующим образом:

import countryList from '/json/countries.js'

где countryList будет массивом, который я могу отобразить, например countryList.map ...

Я продолжаю получать ошибку синтаксического анализа, независимо от того, как я определяю функция. Что я делаю не так?

ОБНОВЛЕНИЕ: После ответа от Prachi ниже я попытался экспортировать / импортировать следующим образом:

export const Countries = [
    {
      "label": "United States",
      "value": "US"
    },
    {
      "label": "Afghanistan",
      "value": "AF"
    }
]
export default Countries;

Затем я импортирую файл следующим образом. Мой intellisense сообщает мне, что у меня правильный путь, потому что я вижу имя папки 'json' в моем списке intellisense при вводе:

import Countries from '../../../json/Countries';

Я все еще получаю следующую ошибку:

Module not found: Can't resolve '../../../json/Countries' in 'C:\projects\DoxaProject\DoxaUI\DoxaUI\ClientApp\src\pages\patientpage\forms'

Мы будем благодарны за любую помощь в решении этой проблемы!

Answer 1

Экспорт default может принимать только выражение; Операторы const и let не допускаются. Например: - const MyComponent = () => {return <div class="foo">HI</div>; }; экспорт по умолчанию MyComponent; Вы должны написать свой код как:

        export const countryList = [
      {
        label: "United States",
        value: "US"
      },
      {
        label: "Afghanistan",
        value: "AF"
      }
    ];

export default countryList;

и импортировать его как:

   import countryList from "./country";