基金会"Uncaught SyntaxError: Unexpected token import"

Question

我正在从以前的开发人员那里接管开发，该开发人员将Zurb基金会作为框架添加到我们的网站。基础已经与 npm 一起安装。我在控制台中收到所有基础 javascript 文件的错误，如下所示：

Uncaught SyntaxError: Unexpected token import

检查代码，foundation.core.js有以下行：

"use strict";
import $ from 'jquery';
import { GetYoDigits } from './foundation.util.core';
import { MediaQuery } from './foundation.util.mediaQuery';

在我的HTML文档中包含任何其他JS之前，我就包含了jQuery。不知道这里的交易是什么。任何人都可以提供帮助吗？

谢谢。

Answer 1

as 的语法如下：

import * as $ from 'jquery';
import { GetYoDigits } from './foundation.util.core';
import { MediaQuery } from './foundation.util.mediaQuery';

这是说从节点模块jquery获取所有导出，并使它们在关键字$下运行。然后，您应该能够按预期使用 $。

Answer 2

您需要更改导入它的方式

"使用严格";

import {$} from 'jquery';