EmberJS CLI生成的gen-container组件无法识别加载问题求助
EmberJS 组件找不到问题排查步骤
- 首先检查组件文件路径是否正确:
你通过CLI生成的gen-container组件,默认应该存放在app/components/gen-container.hbs路径下。如果组件放在了子目录下(比如app/components/layout/gen-container.hbs),调用时需要对应修改为<Layout::GenContainer>。 - 确认命名规范匹配:
Ember 模板中调用组件用的 PascalCase 命名,会自动映射到文件系统的 kebab-case 命名,请确认你的组件文件名确实是gen-container.hbs,没有出现大小写错误、拼写错误。如果是经典组件项目,还需要确认同目录下存在gen-container.js的组件逻辑文件。 - 清除缓存重启开发服务:
Ember CLI 的热重载偶尔会出现缓存未更新的问题,停掉当前运行的ember serve进程,删除项目下的tmp、dist、node_modules/.cache目录后重新启动服务,再验证是否可以正常加载组件。 - 检查项目布局配置:
如果你的项目开启了 pod 布局模式,组件默认路径会变更为app/pods/components/gen-container/template.hbs,请确认你生成组件时的参数和项目配置匹配,路径对应正确。 - 检查作用域问题:
如果你是在引擎、插件或者嵌套作用域下调用组件,需要确认组件是否正确导出,调用时是否需要加命名空间前缀。
内容的提问来源于stack exchange,提问作者g101
相关产品推荐
相关产品推荐

