Foundation 6.7.4 SCSS安装报错:执行foundation new提示Node modules未安装
解决方案
场景1:无需使用SCSS,仅需开箱即用的flex grid版CSS/JS
官方现已停止维护旧版自定义下载页,不再直接提供预编译的zip压缩包,但可直接从官方npm包中提取可用的静态资源,不需要学习SCSS相关操作:
- 任意新建空文件夹,在cmd中进入该目录后执行命令:
npm install foundation-sites jquery - 安装完成后进入目录
node_modules/foundation-sites/dist/css,提取foundation-flex.min.css,该文件为已默认启用flex grid的预编译样式文件 - 进入目录
node_modules/foundation-sites/dist/js提取foundation.min.js,同时从node_modules/jquery/dist提取jquery.min.js - 将三个文件直接引入到HTML页面即可正常使用,不需要额外配置。
场景2:需要使用SCSS编译环境
你遇到的Node modules not installed报错是因为官方foundation-cli已经多年未更新,和Node 16及以上版本存在兼容性问题,依赖安装的判断逻辑失效导致的误报,你之前尝试的安装ruby、手动执行yarn install等操作均无法解决该问题,可直接跳过cli手动初始化项目:
- 拉取官方最新基础模板到本地项目目录
- 进入项目目录后执行
npm install安装所有依赖 - 依赖安装完成后执行
npm start即可启动本地开发服务,默认已启用flex grid功能,可直接修改SCSS配置文件自定义样式。
内容的提问来源于stack exchange,提问作者k.m
相关产品推荐
相关产品推荐

