2016-05-20 5 views
1

Я использую угловые js с существующим приложением в этом приложении jquery и другие js, которые также используются, но когда я создаю один модуль, у меня возник конфликт.Конфликт в угловых js с jquery

ошибка в консоли браузера:

VM2555: 6Uncaught Ошибка: [$ Инжектор: modulerr] http://errors.angularjs.org/1.5.5/ $ форсунка/modulerr p0 = MYAPP & p1 = Ошибка% 3A% 2 ... Fresources% 2Fjs% 2Fjquery.min?. JS% 3A2% 3A2640)% 2C% 20% 3Canonymous% 3E% 3A21% 3A19)

всех JS которых г, используемых в моем заголовке приложения

<script src='<c:url value="/resources/js/jquery.min.js"/>'></script> 
    <script src='<c:url value="/resources/js/jquery-ui.min.js"/>'> 


    </script><script src='<c:url value="/resources/js/jquery.dialogextend.min.js"/>'></script> 

    <!-- IMPORTANT: APP CONFIG --> 
    <script src='<c:url value="/resources/js/app.config.js"/>'></script> 

    <!-- BOOTSTRAP JS --> 
    <script src='<c:url value="/resources/js/bootstrap/bootstrap.min.js"/>'></script> 
    <script src='<c:url value="/resources/js/bootstrap/bootstrap-switch.js"/>'></script> 
    <script src='<c:url value="/resources/js/bootstrap/bootstrap-table.js"/>'></script> 
    <script src='<c:url value="/resources/js/jquery.floatThead.min.js"/>'></script> 

    <!-- JARVIS WIDGETS --> 
    <script src='<c:url value="/resources/js/jarvis.widget.min.js"/>'></script> 

    <!-- JQUERY UI + Bootstrap Slider --> 
    <%-- <script src='<c:url value="/resources/js/plugin/bootstrap-slider/bootstrap-slider.min.js"/>'></script> 

-%> <% - ' > -%> <% - «> -%>

<!-- SlideOut --> 
    <%-- <script src='<c:url value="/resources/js/plugin/slide-out/slide-out.js"/>'></script> 

-%> Ваш браузер устарел, пожалуйста, обновите ваш браузер, перейдя в www.microsoft.com/ скачать </h1>

<!-- Demo purpose only --> 
    <script src='<c:url value="/resources/js/demo.min.js"/>'></script> 

    <!-- MAIN APP JS FILE --> 
    <script src='<c:url value="/resources/js/app.min.js"/>'></script> 

    <!-- ***************************************************************************** --> 

<script src='<c:url value="/resources/js/general-script.js"/>'></script> 
<%-- <script src='<c:url value="/resources/js/global-messages.js"/>'></script> --%> 
<%--context menu js file --%> 
<script src="resources/js/jquery-ui-contextmenu.min.js"></script> 

<%-- <script src='<c:url value="/resources/js/jquery.dataTables.min.js"/>'></script> 

<script src='<c:url value="/resources/js/jquery.dataTables.rowReordering.js"/>'></script> 

<script src='<c:url value="/resources/js/dataTables.colReorder.js"/>'></script> 
--%> 
<script src='<c:url value="/resources/js/jquery.tablednd.js"/>'></script> 
<script src='<c:url value="/resources/js/jquery.dragtable.js"/>'></script> 

<script src='<c:url value="/resources/js/dropzone.js"/>'></script> 
<script type="text/javascript" src='<c:url value="/resources/js/jspdf/jspdf.min.js"/>'></script> 
<script type="text/javascript" src='<c:url value="/resources/js/jspdf/html2canvas.js"/>'></script> 

«>

<script src='<c:url value="/resources/js/jquery.blockUI.js"/>'></script> 
<script src='<c:url value="/resources/js/jquery.sortable.min.js"/>'></script> 
<script src='<c:url value="/resources/js/ChartNew.js"/>'></script> 
<script src='<c:url value="/resources/js/angular/angular.min.js"/>'></script> 
<script src='<c:url value="/resources/js/angular/angular-route.min.js"/>'></script> 
+0

Использует ли ваш /resources/js/app.config.js модуль приложения? –

ответ

0

Попробуйте изменить порядок src. Ваш app.min.js должен быть ниже angular.min.js и углового-route.min.js

+0

нет его не работает. –

2

Иногда сторонние плагины jquery и angularjs конфликтуют друг с другом, что приводит к неправильному загрузке файла angularjs. Попытайтесь добавить jquery-плагины по одному и протестировать с помощью этого подхода.

Смежные вопросы