Uncaught ReferenceError: «функция» не определена ES6 Модули

Question

Я пытаюсь использовать модули ES6, но HTML, похоже, не распознает мое событие.

export function weatherCardCreator() {
    const cardContainer = document.querySelector('.card-container');
    const localStorageCities = dbManipulator.readData('Cities');
    let weatherCards = localStorageCities && localStorageCities.map(
        (weatherCard, weatherIndex) => `
            <div class="card" onclick="renderWeatherOnOneCityOnClick(${weatherIndex})">
                <div class="card-halfwayup">
                    <div class="flex-left">

export function renderWeatherOnOneCityOnClick(weatherItemKey)

Answer 1

Удалите export перед функцией. Затем вам нужно module.exports = thingYouWantToExport в том же файле, что и объект, который вы хотите экспортировать.

Извините, я думал об узле (по крайней мере, так, как я делаю это в узле: P).

Вы не предоставили свой оператор импорта, но при одном импорте вам нужно

import thingYouAreImporting from 'path-to-js-file-with-export';

, чтобы получить доступ к нему из другого файла. Для импорта из файла с несколькими экспортами

import { thing1, thing2 } from 'path-to-js-file-with-exports';