未捕获错误:[$injector:moduler]使用Angular JS和highcharts ng

Uncaught Error: [$injector:modulerr] using Angular JS and highcharts-ng

本文关键字：JS 使用 Angular ng highcharts injector 错误 moduler      更新时间：2023-09-26

我在Angular/Node/Express应用程序中实现Highcharts时遇到问题。使用highcharts ng指令https://github.com/pablojim/highcharts-ng

我的控制台中不断出现以下错误：

angular.js:38未捕获错误：[$injector:modulerr]http://errors.angularjs.org/1.5.8/$injector/modulerr？p0=库存App&p1=错误%…ogleapis.com%2Fajax%2Libs%2Angularjs%2F1.5.8%2Fangular.min.js%3A20%3A390(

我在我的index.html:的头上有这个

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.js"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!--link custom CSS file -->
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <script src="/js/app.js"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>   
</head>

我的模板文件：

<div class="container">
    <highchart id="chart1" config="chartConfig"></highchart>
</div>

我的Angular JS配置：

angular.module("stocksApp", ['ngRoute', 'highcharts-ng'])
   .config(function($routeProvider){
    $routeProvider
        .when("/", {
           templateUrl: "stocks.html",
           controller: "mainController",
        });
})

有人能帮我这个错误是怎么回事吗？

我认为您已经从Node安装了highcharts-ng.js，并且您的<script>块中似乎没有包含相同的内容。您可以在node_modules目录下找到它。

正如Steve Pitis所指出的，在包含app.js脚本之前，您需要移动<script src="https://code.highcharts.com/highcharts.js"></script>。

希望这能有所帮助！

相关文章：