javascript - ES6 功能不可用

Question

我收到以下错误:

namesearch.js:5 Uncaught ReferenceError: autoComplete is not defined at Namesearch (namesearch.js:5)

./index.js

import autoComplete from '@tarekraafat/autocomplete.js/dist/js/autoComplete';
import Namesearch from './components/namesearch';

document.addEventListener('DOMContentLoaded', function () {
    console.log(' DOM is now safely manipulable.');
    Namesearch();
});

./components/namesearch.js

export default function () {

    console.log("autoComplete function");

    const autoCompletejs = new autoComplete({
        data: {                        
            src: async () => {
            ...

如果我将逻辑直接放入 index.js 一切正常，但我想做更模块化的事情。我在这里错过了什么？

Answer 1

您需要在 namesearch.js 中导入 autoComplete。

import autoComplete from '@tarekraafat/autocomplete.js/dist/js/autoComplete';

export default function () {

    console.log("autoComplete function");

    const autoCompletejs = new autoComplete({
        data: {                        
            src: async () => {
            ...