Question

我在这个应用程序jquery和其他js中使用了角度js和现有的应用程序，但是当我创建一个模块时，我遇到了冲突。

浏览器控制台中出现

错误：

VM2555：6未捕获错误：[$ injector：modulerr] http://errors.angularjs.org/1.5.5/ $ injector / modulerr？p0 = myApp＆amp; 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>

- ％GT; ＆lt;％ - '＆gt; - ％GT; ＆lt;％ - '＆gt; - ％GT;

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

- ％GT; 您的浏览器已过期，请访问www.microsoft.com/download</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>

“＆GT;

<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

有时jquery和angularjs第三方插件相互冲突导致不能正确加载angularjs文件。尝试逐个添加jquery插件并使用这种方法进行测试。

Answer 2

尝试更改src的顺序。你的app.min.js必须低于angular.min.js和angular-route.min.js

Answer 3

下面是一个链接，可能会解决您的注入错误 https://docs.angularjs.org/error/ $注射器/ modulerr

角度js与jquery的冲突

3 个答案: