Ошибка поиска: ошибка синтаксиса, нераспознанное выражение: #/angularjs и jquery

Следующая ошибка, отображаемая на моей консоли при загрузке моей страницы.

"Неподготовленная ошибка: ошибка синтаксиса, нераспознанное выражение: #/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>

Он отображается для всех начальных экземпляров. Изначально он показывает для #/о том, как он первый. Если я удалю о нашей вкладке, он будет отображаться для ссылки на ценовую страницу.

Неактивна эта вкладка для загрузки, это простая навигация только

Код маршрутизации в 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 nav, вызывающей эту проблему: "nav navbar-nav" исправления для этого - data-target = "#", но для этого требуется правильная работа

Ответ 1

Это, скорее всего, проблема с Bootstrap. Попробуйте использовать атрибут data-target на ваших ссылках, например

<a href="#/about" data-target="#about" title="About Us">About</a>

Ответ 2

Хорошо, вы должны удалить косую черту, '/', с которой будет ваш html,

<a href="#about" title="About Us">About</a>

Если вы хотите сохранить косую черту, '/', вы должны использовать атрибут data-target как,

<a href="#/about" title="About Us" data-target="#about">About</a>

Подробнее об этом здесь

Ответ 3

Эта проблема также возникает в проектах angular 2. Я просто добавляю data-target = "#" в привязку. Он решил мою проблему.

 <a data-target="#" [routerLink]="['/link']">my link</a>.

Ответ 4

Это может быть очень редкая ситуация, но у меня такая же ошибка из-за некоторого устаревшего кода с помощью Colorbox и location.hash.

jQuery(function() {jQuery('.content-row .csc-default a').tooltip({placement:'top'});
jQuery('a.gallery').colorbox({
    maxWidth:'95%',
    maxHeight:'95%',
    slideshow:true,
    current:' {current} / {total}',
    opacity:'0.80',
    transition:'none',
    speed:'550',
    slideshowSpeed:'5500',
    overlayClose:true,
    fixed:false,
    escKey:true,
    arrowKey:true,
    loop:true,
    title: function() { return $(this).data('original-title')},
    close:'<span class="glyphicon glyphicon-remove"></span>',
    previous:'<span class="glyphicon glyphicon-chevron-left"></span>',
    next:'<span class="glyphicon glyphicon-chevron-right"></span>',
    slideshowStart:'<span class="glyphicon glyphicon-play"></span>',
    slideshowStop:'<span class="glyphicon glyphicon-pause"></span>',
    rel: function() { return $(this).data('rel')}
});
if (location.hash) $(location.hash).collapse('show'); //when this line is commented, Angular Route works properly
});

Странно то, что ошибка происходила только при загрузке страницы со ссылкой для просмотра типа localhost/index.html#/main или просто перезагрузки страницы с любым выбранным видом.