Ошибка: $ инжектор: nomod Модуль недоступен

Question

Я столкнулся с проблемой в выходные, когда внезапно код angularjs на веб-сайте перестает работать. Никаких обновлений, которые были сделаны в отношении любых файлов за время работы и прекращения работы.

Ошибка в консоли: «Ошибка: $ injector: nomod Module Unavailable». ?

https://docs.angularjs.org/error/ $ форсунка/nomod p0 = bkApp

Вот страница, которая сломана теперь с ошибкой - http://brookslaw.staging.wpengine.com/our-team/

Вот код заголовка:

<script async src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
<script async src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.min.js"></script> 
<script async src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-sanitize.min.js"></script> 
<script async src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.min.js"></script> 
<script async src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-cookies.min.js"></script> 
<script async src="<?php echo get_template_directory_uri(); ?>/js/angular-lazy-img.min.js"></script> 
<!--[if lt IE 9]> 
<script src="<?php echo esc_url(get_template_directory_uri()); ?>/js/html5.js"></script> 
<![endif]--> 
<script async type="text/javascript"> 
    var app = angular.module('bkApp', ['ngAnimate', 'angularLazyImg']); 
</script> 
<script>(function(){document.documentElement.className='js'})();</script> 

Сайт был отлично работает, и из проведенных мной исследований оказалось, что модуль вызывается правильно.

Благодаря

Answer 1

Я думаю, ваша проблема заключается в async.

В основном, с его помощью ваши скрипты загружаются асинхронно. Это означает, что ваш скрипт может быть загружен до загрузки angularjs, поэтому у вас будут ошибки.

Вам нужна синхронная загрузка ваших файлов. Вам нужен правильный порядок. Итак, удалите async из своих сценариев и попробуйте еще раз.

Надеюсь, это поможет.