jqueryと角度jsの競合

Question

私はこのアプリケーションでは、jqueryと他のjsも使用されている既存のアプリケーションで角度jsを使用していますが、私は1つのモジュールを作成するときに競合しています。ブラウザのコンソールで

エラー：

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）

私のアプリケーションヘッダ

<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> 

に使用rは全てJS - ％> <% - [ > - ％> <% - 「> - ％>

<!-- 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> 

Answer 1

srcの順序を変更してみてください。あなたのapp.min.jsはangular.min.jsと角度-route.min.js

Answer 2

以下でなければならないここでは、以下の行くあなたの注入エラーを解決する可能性がありますリンク、 https://docs.angularjs.org/error/ $インジェクター/ modulerr

です

Answer 3

jqueryとangularjsのサードパーティのプラグインが互いに競合し、angularjsファイルを正しくロードしないことがあります。 jqueryプラグインを1つずつ追加して、この方法でテストしてみてください。