“未捕获的错误：语法错误,无法识别的表达式：#/ about”

我的代码如下：

<li class="active">
                    <a href="/">Home</a>
                </li>
                <li class="">
                    <a href="#/about" title="About Us">About</a>
                </li>
                <li class="">
                    <a href="#/pricing">Pricing</a>
                </li>

它显示了所有初始实例.最初,它显示为#/ about,因为它是第一个,如果我删除关于我们选项卡它将显示定价页面链接.

它不是引导标签问题,这只是简单的导航

app.js中的路由代码：

$routeProvider.when('/',{
        templateUrl: 'partials/home.html'
    }).when('/account',{
        templateUrl: 'partials/account.html',}).when('/terms',{
        templateUrl: 'partials/terms.html'
    }).when('/about',{
        templateUrl: 'partials/about.html'
    }).otherwise({
        redirectTo: '/'
    });

我已经调试了bootstrap,bootstrap nav的问题导致了这个问题：“nav navbar-nav”
修复此问题的方法是data-target =“#”,但需要正确解决此问题