基金会“未捕获的语法错误：意外的令牌导入”答案

【问题标题】：Foundation "Uncaught SyntaxError: Unexpected token import"基金会“未捕获的语法错误：意外的令牌导入”
【发布时间】：2017-10-10 15:02:54
【问题描述】：

我将接手之前开发人员的开发工作，该开发人员将 Zurb Foundation 作为框架添加到我们的网站。 Foundation 已经与 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。不知道这里有什么交易。谁能提供帮助？

谢谢。

【问题讨论】：

标签： javascript jquery node.js npm zurb-foundation

【解决方案1】：

as 的语法如下：

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

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

【讨论】：

【解决方案2】：

你需要改变你的导入方式

“使用严格”；

import {$} from 'jquery';

【讨论】：