Ember - Compile Error: bs-form-element is not a helper

Question

最近我将现有的 ember ember 项目更新为 2.10.0 版本，更新后我尝试运行该项目但它显示一些编译错误

uncaught Error: Compile Error: bs-form-element is not a helper

我将其包含在我的项目的登录页面中，就像这样

 <div class="panel-body">
                {{#bs-form formLayout="vertical" model=this action="loginAction" class="form-signin"}}
                    <fieldset>
                        {{bs-form-element controlType="text" placeholder="Bank ID" property="userid" value=userid elementId="userid" required="required" autofocus="autofocus" style="text-align:left" maxlength="7"}} 
                        {{bs-form-element controlType="password" placeholder="Password" property="password" value=password elementId="password" required="required" style="text-align:left" maxlength="10"}}
                        <!--div class="checkbox">
                            <label>
                                <input name="remember" type="checkbox" value="Remember Me">Remember Me
                            </label>
                        </div-->
                        {{bs-button defaultText="Login" class="btn btn-lg btn-primary btn-block" buttonType="submit" }}
                    </fieldset>
                {{/bs-form}}
            </div>

我不确定这是与插件相关的问题还是其他问题，请帮助解决此问题

Answer 1

Ember 如果在您的项目或您的依赖插件中找不到具有给定名称的组件或助手，则会抛出此错误。

检查您的 package.json 和 ember-bootstrap 的版本。我认为您的应用程序使用的是 1.0 之前的版本，因为 bs-form-element 是旧的 api.

也许在更新 ember 时插件被意外更新到 >= 1.0。

Answer 2

另一个可能需要检查的疏忽，特定于 ember-bootstrap and black/white lists，是不小心从 black/white 列表中包含或排除了所需的组件。例如，如果您使用的是白名单，请确保其中引用了所需的组件：

// ember-cli-build.js
'ember-bootstrap': {
    'whitelist': [
        'bs-form'
    ],
}

Ember - Compile Error: bs-form-element is not a helper

Ember - Compile Error: bs-form-element is not a helper

ember.js

ember-data

ember-cli

ember-bootstrap