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

Posted

技术标签:

【中文标题】模块不会在应用程序中加载【英文标题】：Modules won't load in application 【发布时间】：2018-05-28 20:19:23 【问题描述】：

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

在我的 Angularj 应用程序中，错误：Failed to instantiate module myApp due to: 持续显示。我知道这是因为模块在被我自己调用之前没有被加载，但我一直盯着我的代码试图理解为什么它不会加载，即我自己的脚本在模块 CDN 之前加载，拼写错误等。

我的脚本是这样加载的：

<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']);

问题

为什么模块无法加载？抱歉这个简单的问题。

【问题讨论】：

【参考方案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>

【讨论】：

以上是关于模块不会在应用程序中加载的主要内容，如果未能解决你的问题，请参考以下文章

mcrypt 和 IIS - 模块不会在 PHP 中加载

自定义模块的自定义布局不会在 Magento 1.9 中加载

如何在 Angular Electron 中加载模块？

无法在 deno 中加载某些模块

OpenLayers 3 - Bing 地图不会在 Windows 应用程序中加载

如何在 C/C++ 程序中加载内核模块