Html 异常：调用节点模块失败，错误为：错误：未捕获（承诺中）：类型错误：无法读取属性'；添加'；未定义的

我在建一个angular 2项目。一旦我更改了html文件中的某些内容。例如，我想创建一个下拉导航栏。这个错误不断出现

异常：调用节点模块失败，错误为：错误：未捕获（承诺中）：类型错误：无法读取未定义的属性“add” TypeError:无法读取未定义的属性“add”

当我更改代码时，出于某种原因我已经修复了它。但当我再次改变，它显示。我的navbar.component.html如下所示。问题是第三个跨度的“报告”。我想创建一个下拉导航栏

    <meta http-equiv="pragma" content="no-cache" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-
    alpha.6/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<div class='main-nav'>
    <div class='navbar navbar-inverse'>
        <div class='navbar-header'>
            <a class='navbar-brand' [routerLink]="['/home']">Angular</a>
            <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
                <span  (click)="isCollapsed = !isCollapsed">Toggle navigation</span>
                <span class='icon-bar'></span>
                <span class='icon-bar'></span>
                <span class='icon-bar'></span>
                <span class='icon-bar'></span>
            </button>
        </div>
        <div class='clearfix'></div>
        <div class='navbar-collapse collapse' >
                <ul class='nav navbar-nav navbar-right'>
                    <li [routerLinkActive]="['link-active']">
                        <a [routerLink]="['/home']">
                            <span class='glyphicon glyphicon-home'></span> Home
                        </a>
                    </li>
                    <li [routerLinkActive]="['link-active']">
                        <a [routerLink]="['/login']">
                            <span class='glyphicon glyphicon-th-list'></span> Log In
                        </a>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle glyphicon glyphicon-th-list" data-toggle="dropdown">Report <!--[routerLink]="['/margin']"-->
                         </a>
                            <!--<span class='glyphicon glyphicon-th-list'></span>Report-->
                        <!--</a>-->
                        <ul class="dropdown-menu">
                            <li [routerLinkActive]="['link-active']"><a [routerLink]="['/margin']">Margin Report</a></li>
                            <li><a>Report 1</a></li>
                            <li><a>Report 2</a></li>
                        </ul>
                    </li>
                </ul>
</div>
    </div>
</div>

有棱角的
切换导航




报告

利润报告
报告1
报告2

---

有人知道这个问题吗？这太烦人了。

您需要将s添加到src html文件，而不是任何组件模板。另外，它可能使用jquery，所以您需要它。是的，这是一件事，但与问题无关