Question

我正在运行gulp v3.9.1和Nodejs v8.11.1。我构建了我的MobileMenu.js文件，如下所示：

import $ from 'jquery';

class MobileMenu {
    constructor() {
        this.siteHeader = $(".site-header");
        this.menuIcon = $(".site-header__menu-icon"); // selects the menu div that we are clicking
        this.menuContent = $(".site-header__menu-content"); //selects the hidden div that we want to display when it's clicked
        this.events();
    } 

    events() {
        this.menuIcon.click(this.toggleTheMenu.bind(this)); //adding .bind allows this to target anything inside the () within bind
    }

    toggleTheMenu() {
        this.menuContent.toggleClass("site-header__menu-content--is-visible");//adds new class to the selected menuContent
        this.siteHeader.toggleClass("site-header--is-expanded");
        this.menuIcon.toggleClass("site-header__menu-icon--close-x");
    }

}

export default MobileMenu;

菜单在localhost上正常工作。我构建了一个gulp构建任务并运行$ gulp build并得到以下错误：

  扔掉呃//未处理的'错误'事件         ^错误：C：\ Users \ rlwel \ OneDrive \ Desktop \ Projects \ Hexpose \ hexpose-corporate-site \ assets \ styles \ styles-bdf74771e1.css：11344：71：   未封闭的字符串11342 |
  this.menuContent.toggleClass（“站点header__menu内容 - 是可见的”）;   //将新类添加到所选menuContent 11343 |
  this.siteHeader.toggleClass（ “站点报头 - 被扩展”）;


11344 | this.menuIcon.toggleClass（ “站点header__menu图标 - 关闭-X”）;             | ^

最重要的部分显然是“unclosed string”，我在某处读到这可能是一个缺失的字符串文字错误，但我不太确定如何修复它，而且我对gulp有点新意。

我需要关闭此文件中的某些内容吗？

gulp build返回unclosed字符串错误

0 个答案: