Uncaught ReferenceError: “function” is not defined 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

您沒有提供您的導入語句，但您需要使用單個導入

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

為了從另一個文件訪問它。 對於從具有多個導出的文件導入，

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