You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 05:45:01