ES6-метод импорта из одного файла в другой выдает ошибку

Question

У меня есть файл утилит API React JS, где у меня есть список конечных точек, объявленных как показано ниже -

File1.js-
    export const api_endpoints = {
     api1: ()=> '../data/user'
    }

Я хочу api1 () из File1. js в моем другом файле (File2. js), следовательно, я импортирую это, как показано ниже -

import {api_endpoints} from '../File1';
const myObj = {
  [api_endpoints.api1()]: '../data/user2'
}

Это дает мне ошибку в File2, говоря:

"cannot read property api1 of undefined"

Я не уверен, почему api_endpoints имеет значение undefined в File2. js. Пути верны. Может ли кто-нибудь помочь мне понять это.

Answer 1

Похоже, вы импортируете с неправильного пути. Попробовал приведенный выше пример, и он работает нормально для меня ..

https://codesandbox.io/s/objective-meninsky-7gbch?file=/src/File2.js

Answer 2

Возможно, вы только что скопировали его неправильно, но вы импортировали {api1_endpoints}, но запрашивает api_endpoints