Почему я не могу получить доступ к переменным из другого файла?

Question

В моем проекте я использую WebPackEncore для управления своими библиотеками.

в файле Я перегруппирую все ключи, необходимые для доступа к API, он называется keys. js:

const keys = {
    //> Algolia/places API
    ALGOLIA_PLACE_APP_ID: "appKey",
    ALGOLIA_PLACE_API_ID: "APIkey",
    //###< Algolia/places API

    //> MapBox API
    MAPBOX_TOKEN: "mapBoxToken",
    //< MapBox API
}

в моем приложении. * Файл 1023 * Я пытаюсь использовать эти ключи:

import keys from './keys';

//do stuff 

Если я пытаюсь использовать console.log(keys) в моем приложении . js файл, я получаю {} которые делают его совершенно бесполезным.

Это нормальное поведение, и я пропускаю проблему объема? Это плохой способ вставить ключи (я пытаюсь воспроизвести поведение моего .env файла)?

Answer 1

Ответ Келли Копли в порядке, но это только если вы хотите экспортировать keys по умолчанию. Если вы хотите экспортировать keys по модульному принципу, попробуйте это так:

export const keys = {
    //> Algolia/places API
    ALGOLIA_PLACE_APP_ID: "appKey",
    ALGOLIA_PLACE_API_ID: "APIkey",
    //###< Algolia/places API

    //> MapBox API
    MAPBOX_TOKEN: "mapBoxToken",
    //< MapBox API
}

Затем вы импортируете это так:

import { keys } from './keys';

Answer 2

Вы не экспортируете переменную из keys.js. Попробуйте вот так ..

export default keys = {
    //> Algolia/places API
    ALGOLIA_PLACE_APP_ID: "appKey",
    ALGOLIA_PLACE_API_ID: "APIkey",
    //###< Algolia/places API

    //> MapBox API
    MAPBOX_TOKEN: "mapBoxToken",
    //< MapBox API
}