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';

未捕获的ReferenceError：“功能”未定义ES6模块

1 个答案: