Как импортировать объект из файла React в обычный файл vanila javascript

Question

Мне нужна помощь, чтобы выяснить способ импорта объекта из файла реакции для планирования файла vanilla javascript. Файл реакции js - это файл конфигурации, который экспортирует несколько URL-адресов из этого файла, как показано ниже:

let API;
module.exports = {
 API: 'https://localhost/3000/general/'
}

Я хотел бы использовать этот путь API в другом файле плана javascript.

Когда я использую его, используя приведенный ниже код,

    import { API } from "../src/config";
function sendRequest(query) {
        var data = JSON.stringify(query);
        var url = API

        // Send Request.
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4) {
                 console.log(xhr.response);
            }
        };
        xhr.open("POST", url, true);
        xhr.setRequestHeader('Content-type','application/json; charset=utf-8');
        xhr.send(data);

    }

Это дает мне ошибку: не может использовать оператор импорта вне модуля

Я пытался использовать ' require ', и он также выдает ошибку: Uncaught ReferenceError: require не определен

Любое преимущество будет оценено!

Answer 1

export default {
 API: 'https://localhost/3000/general/'
}

import { API } from "../src/config";

делай так