Question

我知道这将是一个我错过的非常简单的错误。

在我的Angularj App中，错误：Failed to instantiate module myApp due to:仍然存在。我知道这个模块在被我自己调用之前没有被加载但是我一直在盯着我的代码试图理解为什么它不能加载即我自己的脚本在模块CDN之前加载，拼写错误等等。 / p>

我的脚本加载如下：

<head>

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>

    <script src="app/components/chart/components/chartComponent.js"></script>

    <script src="app/components/chart/services/chartService.js"></script>

    <script src="app/app.module.js"></script>
    <script src="app/app.routes.js"></script>

    <title>Angular</title>

</head>

在我的app.module.js中，我尝试注入两个模块chartjs和uirouter。我切换它们，它们首先仍然标记错误

var app = angular.module('myApp', ['chart.js', 'ui.router']);

问题

为什么模块无法加载？对不起这个简单的问题。

Answer 1

您缺少angular-chart.js的参考，并按如下方式重新排序参考，

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
<script src="app/app.module.js"></script>
<script src="app/app.routes.js"></script>
<script src="app/components/chart/components/chartComponent.js"></script>
<script src="app/components/chart/services/chartService.js"></script>

模块不会在应用程序中加载

1 个答案: