升级@stencil/core至v4后构建失败且无错误信息求助
Stencil v4升级后无提示构建失败的排查方案
检查TypeScript版本兼容性
Stencil v4要求TypeScript 5.0及以上版本,执行yarn list typescript查看当前版本,若低于5.0,执行yarn add typescript@^5.0 -D升级到兼容版本。校验tsconfig.json配置
除了替换importsNotUsedAsValues为verbatimModuleSyntax: true,还要:- 彻底移除
importsNotUsedAsValues配置项 - 将
moduleResolution设置为bundler或node16(Stencil v4推荐配置) - 确认
target版本为ES2020及以上
- 彻底移除
清理缓存后重新构建
执行stencil clean清除旧构建缓存,再运行stencil build,避免缓存文件干扰新构建流程。逐个排查组件
尝试注释掉部分组件的导入/注册,或使用stencil build --watch实时修改单个组件,定位是否是特定组件的代码导致构建失败。同步升级Stencil生态依赖
检查项目中@stencil/router、@stencil/sass等官方插件版本,确保它们与@stencil/core@4版本兼容,执行对应版本的升级命令同步更新。查看本地构建日志
打开项目根目录下.stencil/output/logs中的日志文件,这里会记录命令行未输出的详细错误信息。临时禁用严格模式定位问题
将tsconfig.json中的strict设为false,重新构建。若构建成功,再逐个开启strictNullChecks、strictFunctionTypes等子选项,找到触发错误的严格配置项。
内容的提问来源于stack exchange,提问作者frontDev
相关产品推荐
相关产品推荐

