Импорт Foundation и jQuery в следующее js веб-приложение - PullRequest
Новая
       38

Импорт Foundation и jQuery в следующее js веб-приложение

0 голосов
/ 11 февраля 2020

Я пытаюсь импортировать скрипты Zurb Foundation только в мое следующее js приложение. При включении ядра Foundation появляется следующая ошибка ...

/ Users / alasdair_macrae / Sites / merlin / spa_runescape /node_modules/foundation-sites/js/foundation.core.js:3

import $ from 'jquery';

^^^^^^

SyntaxError: Невозможно использовать оператор импорта за пределами модуля

Я пытаюсь импортировать его в компонент макета следующим образом ... 

import $ from "jquery";
import {Foundation} from 'foundation-sites/js/foundation.core.js'
Foundation.addToJquery($);
import {Triggers} from 'foundation-sites/js/foundation.util.triggers'
Triggers.init($, Foundation);
// Components
import Header from "../../components/Header";
import Footer from "../../components/Footer";

/**
 * Default layout for pages containing a header and footer
 * @param props
 * @constructor
 */
const DefaultLayout = (props) => {
    useEffect(() => {
        console.log($);
    }, []);

    return (
        <>
            <Head>
                <title>{props.pageTitle}</title>
            </Head>
            <Header />
            {props.children}
            <Footer />
        </>
    )
};

export default DefaultLayout;

(очень похоже на это предлагаемое решение однако независимо от того, как я изменяю имена импорта, я получаю ту же ошибку).

1 Ответ

0 голосов
/ 11 февраля 2020

Не бери в голову - понял, что я не использовал dist of Foundation.

Я импортировал исходный код.

(ошибка)

...