angularjs – 角图表chart.js喷油器错误
发布时间:2020-12-17 18:04:54 所属栏目:安全 来源:网络整理
导读:我正在尝试用我的应用程序实现角度图表.我安装了angular-chart.js并将chart.js列为依赖项.但是,当我加载我的页面时,我收到以下错误: angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:Error: [$injector:modul
我正在尝试用我的应用程序实现角度图表.我安装了angular-chart.js并将chart.js列为依赖项.但是,当我加载我的页面时,我收到以下错误:
angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:modulerr] Failed to instantiate module chart.js due to: Error: [$injector:nomod] Module 'chart.js' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 我的问题是:如何让这个错误消失?我已经确认图表是在角度图表之前加载的,但是我无法让这个错误消失. Here is my index.html: <!--suppress ALL --> <html lang="en" ng-app="app" ng-cloak> <head> <meta charset="utf-8"> <base href="/"> <!--[if IE]><link rel="shortcut icon" href="assets/img/favicon.ico"><![endif]--> <link rel="apple-touch-icon-precomposed" href="assets/img/favicon.ico"> <link rel="icon" href="assets/img/favicon.ico"> <!-- Meta --> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/> <meta name="description" content="Convenient,affordable online CPA and EA self-study CPE. Complete CPE courses in your spare time,on the go."> <meta name="author" content="Learning Suite Inc"> <meta name="google-site-verification" content="3QtiwaamWrLo-A9BAx0kTgVHagRJfe0xE60hMULF12M"/> <meta name="fragment" content="!"> <title update-title>Prolaera</title> <!-- CSS Global Compulsory --> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/pricing/pricing_v6.css" media="screen" title="no title" charset="utf-8"> <!-- Web Fonts --> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans"/> <!-- CSS Header and Footer --> <link rel="stylesheet" href="assets/css/headers/header-v2.css"> <link rel="stylesheet" href="assets/css/footers/footer-v1.css"> <!-- <link rel="stylesheet" href="assets/css/headers/one.css" media="screen" title="no title" charset="utf-8"> --> <!-- CSS Implementing Plugins --> <link rel="stylesheet" href="assets/plugins/animate.css"> <link rel="stylesheet" href="assets/plugins/line-icons/line-icons.css"> <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="assets/plugins/sky-forms-pro/skyforms/css/sky-forms.css"> <!-- CSS Customization --> <link rel="stylesheet" href="assets/css/custom.css"> <link rel="stylesheet" href="css/sweetalert2.css"> <style> [ng:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak { display: none !important; } </style> <!-- Bootstrap core CSS --> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> <!-- Bootstrap theme --> <link href="lib/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet"/> <!-- Angular CSP--> <link href="lib/angular/css/angular-csp.css" rel="stylesheet"/> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="/lib/html5shiv/html5shiv.min.js"></script> <script src="/lib/respond/respond.min.js"></script> <![endif]--> <!-- must be before require.js --> <script type="text/javascript" src="https://cdn.auth0.com/js/lock-9.1.min.js"></script> <script type="text/javascript" src="lib/axios/dist/axios.standalone.js"></script> <script type="text/javascript" src="lib/CryptoJS/rollups/hmac-sha256.js"></script> <script type="text/javascript" src="lib/CryptoJS/rollups/sha256.js"></script> <script type="text/javascript" src="lib/CryptoJS/components/hmac.js"></script> <script type="text/javascript" src="lib/CryptoJS/components/enc-base64.js"></script> <script type="text/javascript" src="lib/moment/moment.js"></script> <script type="text/javascript" src="lib/url-template/url-template.js"></script> <script type="text/javascript" src="lib/apiGatewayCore/sigV4Client.js"></script> <script type="text/javascript" src="lib/apiGatewayCore/apiGatewayClient.js"></script> <script type="text/javascript" src="lib/apiGatewayCore/simpleHttpClient.js"></script> <script type="text/javascript" src="lib/apiGatewayCore/utils.js"></script> <script type="text/javascript" src="js/apigClient.js"></script> <!--jquery/bootstrap needed here for calendar and collapse navbar toggle--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css"/> <!-- jquery,moment,and angular have to get included before fullcalendar --> <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script> <script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script> <script type="text/javascript" src="bower_components/fullcalendar/dist/gcal.js"></script> <!-- require --> <script src="lib/require/require.js"></script> <script type="text/javascript" src="lib/auth0-variables.js"></script> <!-- angularjs --> <link href="lib/angular/css/angular-csp.css" rel="stylesheet"/> <script src="lib/angular/js/angular.js"></script> <script type="text/javascript" src="bower_components/angular-ui-calendar/src/calendar.js"></script> <script type="text/javascript" src="bower_components/angular-ui-bootstrap-typeahead/ui-bootstrap-typeahead.min.js"></script> <link rel="stylesheet" href="bower_components/angular-bootstrap-toggle-switch/style/bootstrap3/angular-toggle-switch-bootstrap-3.css"> <script type="text/javascript" src="bower_components/angular-bootstrap-toggle-switch/angular-toggle-switch.min.js"></script> <link rel="stylesheet" href="bower_components/angular-spinkit/build/angular-spinkit.min.css"> <script src="bower_components/angular-spinkit/build/angular-spinkit.min.js"></script> <script src="bower_components/angular-stripe-checkout/angular-stripe-checkout.js"></script> <! <script src="bower_components/Chart.js/Chart.js"></script> <script src="bower_components/angular-chart.js/dist/angular-chart.js"></script> <link rel="stylesheet" href="bower_components/angular-chart.js/dist/angular-chart.css"> <script src="lib/angular/js/angular-animate.js"></script> <script src="lib/angular/js/angular-ui-router.js"></script> <script src="lib/angular/js/angular-ui-bootstrap-tpls.js"></script> <script src="bower_components/angular-filter/dist/angular-filter.min.js"></script> <script src="https://cdn.auth0.com/w2/auth0-widget-5.js"></script> <script type="text/javascript" src="https://cdn.auth0.com/w2/auth0-angular-4.js"></script> <script src="//cdn.rawgit.com/auth0/angular-storage/master/dist/angular-storage.js"></script> <script src="//cdn.rawgit.com/auth0/angular-jwt/master/dist/angular-jwt.js"></script> <script src="lib/sweetalert/SweetAlert.js"></script> <script src="lib/sweetalert/sweetalert2.min.js"></script> <script src="lib/smarttable/smart-table.min.js"></script> <script src="lib/angularsanitize/angular-sanitize.min.js"></script> <script src="lib/ng-file-upload/ng-file-upload.min.js"></script> <script src="https://cdn.auth0.com/w2/auth0-angular-4.js"></script> <script src="//code.angularjs.org/1.2.16/angular-cookies.min.js"></script> <!-- Uncomment for deployment and comment for dev --> <script src="js/analytics.js"></script> <script src="js/inspectlet.js"></script> <!-- Unify styling --> <link rel="stylesheet" href="assets/css/headers/header-v1.css"> <!-- CSS Page Style --> <link rel="stylesheet" href="assets/css/pages/shortcode_timeline2.css"> <link rel="stylesheet" href="assets/css/pages/page_pricing.css"> <script src="js/app.js"></script> <script src="js/navbar-directive.js"></script> <script src="js/footer-directive.js"></script> 这是我的app.js的开头: (function() { var app = angular.module('app',['ngCookies','auth0','angular-jwt','angular-storage','ngFileUpload','ngSanitize','19degrees.ngSweetAlert2','ui.router','ngAnimate','ui.bootstrap','angular-spinkit','angular.filter','stripe.checkout','ui.calendar','ui.bootstrap.typeahead','toggle-switch']); define('app',[],function() { return app; }); 解决方法
你必须导入chart.min.js – 如果你想使用完整版的Chart.js,你必须导入Chart.bundle.js,可以从chart.js网页下载.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |