升级Node和NPM后执行Stencil Bundle命令报错求助

问题说明 #

升级Node与NPM版本适配Stencil后，执行bundle操作时触发错误：
No input specified: provide a file name or a source string to process
同时收到官方警告：

---------警告---------
我们正逐步弃用node-sass分支
你的SCSS文件是使用最新版node-sass编译的
该错误可能表明你的SCSS文件与其不兼容。
你仍可通过--use-old-node-sass-fork参数使用旧分支编译SCSS文件，但请注意，这在不久后会导致生产环境出现500错误。
---------警告---------

修复步骤 #

1. 解决SCSS兼容性问题 #

• 检查项目SCSS代码中是否存在新版node-sass不支持的语法，比如旧版@import的嵌套用法、已废弃的Sass函数/变量，替换为新版兼容写法（例如用@use替代@import）。
• 重点排查自定义组件SCSS、第三方依赖样式文件，修复语法冲突点。

2. 修正Bundle命令的输入配置 #

• 确保执行bundle命令时明确指定了输入文件路径，示例：

  stencil bundle --input ./assets/scss/theme.scss --output ./assets/css/theme.css
  

• 检查项目package.json的scripts字段，确认bundle命令的参数配置是否正确，避免遗漏输入源。

3. 临时过渡方案（仅限紧急场景） #

若暂时无法完成全量兼容性改造，可临时使用官方提供的参数，但需立即启动兼容升级：

stencil bundle --use-old-node-sass-fork

⚠️ 注意：该参数仅作为短期过渡，长期使用会导致生产环境500错误，必须尽快完成SCSS代码适配。

4. 同步依赖版本 #

• 删除现有依赖文件并重新安装，确保Stencil CLI与当前Node/NPM版本匹配：

  rm -rf node_modules package-lock.json
  npm install
  

• 确认package.json中@bigcommerce/stencil-cli为适配当前Node版本的最新稳定版。

内容的提问来源于stack exchange，提问作者Amit Rajput