mmenu 自定义构建错误：错误：找不到模块“gulp-sass”

问题描述

我尝试使用 gulp 自定义构建的菜单，并按照此处描述的步骤操作：https://mmenujs.com/docs/custom-build.html。

我总是收到错误消息：找不到模块“gulp-sass”。我尝试修复它几个小时，尝试更新 npm，尝试 ro install gulp-sass 等，但无法使其运行。无论我尝试什么，我的终端窗口都会出现数英里的错误......

我正在使用菜单的这种配置：

<script>
    document.addEventListener(
        "DOMContentLoaded",() => {
            new Mmenu( "#menu",{
               "extensions": [
                  "position-right","fullscreen"
               ],"counters": true,"navbars": [
                  {
                     "position": "top","content": [
                        "<div><div style='position:absolute; left:0; top:0px; margin:10px 0 0 20px;'><img width='140px' src='http://localhost:8888/docBox3/wp-content/uploads/2021/02/docBox_logo.svg'><br><br></div></div>","close"
                     ]
                  },{
                     "position": "top","content": [
                        "prev","title"
                     ]
                  },"content": [
                       "searchfield"
                     ]
                  },{
                     "position": "bottom","content": [
                        "<a class='dashicons dashicons-admin-site-alt2' href='#mm-11'></a>","<a class='dashicons dashicons-admin-users' href='#/'></a>","<a class='dashicons dashicons-phone' href='#/'></a>"
                     ]
                  }
               ]
            });
        }
    );
</script>

并希望创建一个缩小的 mmenu.js 和 mmenu.css 以缩短加载时间。为此，我在 src 文件中进行了以下更改：

mmenu.js

/*!
 * mmenu.js
 * mmenujs.com
 *
 * copyright (c) Fred Heusschen
 * frebsite.nl
 */

//  Core
import Mmenu from '../dist/core/oncanvas/mmenu.oncanvas';

//  Core add-ons
import offcanvas from '../dist/core/offcanvas/mmenu.offcanvas';
import screenReader from '../dist/core/screenreader/mmenu.screenreader';
import scrollBugFix from '../dist/core/scrollbugfix/mmenu.scrollbugfix';

//  Add-ons
import counters from '../dist/addons/counters/mmenu.counters';
import lazySubmenus from '../dist/addons/lazysubmenus/mmenu.lazysubmenus';
import navbars from '../dist/addons/navbars/mmenu.navbars';
import searchfield from '../dist/addons/searchfield/mmenu.searchfield';


Mmenu.addons = {
    //  Core add-ons
    offcanvas,screenReader,scrollBugFix

    //  Add-ons
    counters,lazySubmenus,navbars,searchfield
};

//  Wrappers
Mmenu.wrappers = {

};

//  Export module
export default Mmenu;

//  Global namespace
if (window) {
    window.Mmenu = Mmenu;
}

mmenu.scss

/*!
 * mmenu.js
 * mmenujs.com
 *
 * copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */

//  Core
@import 'core/oncanvas/mmenu.oncanvas';

//  Core add-ons
@import 'core/offcanvas/mmenu.offcanvas';
@import 'core/screenreader/mmenu.screenreader';
@import 'core/scrollbugfix/mmenu.scrollbugfix';

//  Add-ons
@import 'addons/counters/mmenu.counters';
@import 'addons/lazysubmenus/mmenu.lazysubmenus';
@import 'addons/navbars/mmenu.navbars';
@import 'addons/searchfield/mmenu.searchfield';

//  Extensions
@import 'extensions/themes/mmenu.themes';

//  Wrappers

我是新手，希望有人可以检查相应的导入选择是否正确，并帮助我创建文件。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）