Ember.js ember引导:导航栏组件自身重复12次
我正在一个简单的ember测试应用程序中使用Ember.js ember引导:导航栏组件自身重复12次,ember.js,ember-bootstrap,Ember.js,Ember Bootstrap,我正在一个简单的ember测试应用程序中使用ember引导程序的导航栏示例代码: {{#bs-navbar as |navbar|}} <div class="navbar-header"> {{navbar.toggle}} <a class="navbar-brand" href="#">Brand</a> </div> {{#navbar.content}} {{#navbar.nav as |nav|}}
ember引导程序的导航栏示例代码:
{{#bs-navbar as |navbar|}}
<div class="navbar-header">
{{navbar.toggle}}
<a class="navbar-brand" href="#">Brand</a>
</div>
{{#navbar.content}}
{{#navbar.nav as |nav|}}
{{#nav.item}}
{{#nav.link-to "home"}}Home{{/nav.link-to}}
{{/nav.item}}
{{#nav.item}}
{{#nav.link-to "navbars"}}Navbars{{/nav.link-to}}
{{/nav.item}}
{{/navbar.nav}}
{{/navbar.content}}
{{/bs-navbar}}
最后,我使用的是ember cli
version2.14.2
。如果您能帮我解决这个问题,我们将不胜感激。谢谢大家! 这可能是由于didRender
或didInsertElement
钩子中的属性更新而导致重新呈现。如果是这种情况,那么您肯定会在控制台中看到断言错误
如果控制台中没有更多的错误报告,我总是查找第一个错误。这对我的开发有很大帮助。这可能是由于didRender或didInsertElement钩子中的属性更新而导致的重新渲染。如果是这样的话,那么你肯定会在控制台中得到断言错误。伙计,我觉得自己很傻。你说得对。链接指向我的项目中不存在的路由。更正这些问题导致导航栏仅渲染一次。将您的评论移动到答案中,我会将其标记为已接受。
/* eslint-env node */
'use strict';
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
let app = new EmberApp(defaults, {
'ember-bootstrap': {
'bootstrapVersion': 4,
'importBootstrapFont': false,
'importBootstrapCSS': false
}
});
// Use `app.import` to add additional libraries to the generated
// output files.
//
// If you need to use different assets in different
// environments, specify an object as the first parameter. That
// object's keys should be the environment name and the values
// should be the asset to use in that environment.
//
// If the library that you are including contains AMD or ES6
// modules that you would like to import into your application
// please specify an object with the list of modules as keys
// along with the exports of each module as its value.
return app.toTree();
};