Javascript 由于找不到模块,将模块注入到angular中

Javascript 由于找不到模块,将模块注入到angular中,javascript,angularjs,dependency-injection,bower,Javascript,Angularjs,Dependency Injection,Bower,我似乎无法将模块注入我的angular应用程序 我正在尝试导入通过bower安装的以下模块,使用: bower install angular-pagedown --save 这似乎在bower components文件夹中加载良好,该文件夹位于以下文件夹结构中: clinet ------app ---------bower-components -------------------angular-pagedown -------------------pagedown 当我尝试使用“u

我似乎无法将模块注入我的angular应用程序

我正在尝试导入通过bower安装的以下模块,使用:

bower install angular-pagedown --save
这似乎在bower components文件夹中加载良好,该文件夹位于以下文件夹结构中:

clinet
------app
---------bower-components
-------------------angular-pagedown
-------------------pagedown
当我尝试使用“ui.pagedown”(确实是模块的名称)注入模块时,我在app.js中使用了以下代码:

import _Auth from '../components/auth/auth.module';
import account from './account';
import admin from './admin';
import navbar from '../components/navbar/navbar.component';
import footer from '../components/footer/footer.component';
import main from './main/main.component';
import questionsCreate from 
'./questionsCreate/questionsCreate.component';
import questionsShow from './questionsShow/questionsShow.component';
import constants from './app.constants';
import util from '../components/util/util.module';
import socket from '../components/socket/socket.service';


import './app.scss';

angular.module('filQuestionsApp', [ngCookies, ngResource, ngSanitize, 
'btford.socket-io', uiRouter,
  uiBootstrap, _Auth, account, admin, 'validation.match', navbar, 
footer, main, questionsCreate,
  questionsShow, constants, socket, util, 'ui.pagedown'
])
在尝试使用该模块时,我似乎遇到以下错误:

“ui.pagedown”模块不可用!您要么拼错了模块名,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数


我似乎对bower和angular一起做了一些非常错误的事情,我在格式方面也遇到了400个错误,我不确定注入过程。

angular pagedown如何工作:

bower install angular-pagedown --save
这也将安装pagedown依赖项。 在HTML中导入这些文件:

pagedown/Markdown.Converter.js
pagedown/Markdown.Sanitizer.js
pagedown/Markdown.Extra.js
pagedown/Markdown.Editor.js
angular-pagedown/angular-pagedown.js
angular-pagedown/angular-pagedown.css
如果您使用的是像grunt/gulp的main bower文件这样的构建工具,则不需要手动导入文件。 但是将此添加到您的
bower.json

"overrides": {
  "pagedown": {
    "main": [
      "Markdown.Converter.js",
      "Markdown.Sanitizer.js",
      "Markdown.Extra.js",
      "Markdown.Editor.js",
      "wmd-buttons.png"
    ]
  }
}

在你的应用程序
angular.module(“你的应用程序”,[“ui.pagedown”])中包含依赖项

角度向下翻页的工作原理:

bower install angular-pagedown --save
这也将安装pagedown依赖项。 在HTML中导入这些文件:

pagedown/Markdown.Converter.js
pagedown/Markdown.Sanitizer.js
pagedown/Markdown.Extra.js
pagedown/Markdown.Editor.js
angular-pagedown/angular-pagedown.js
angular-pagedown/angular-pagedown.css
如果您使用的是像grunt/gulp的main bower文件这样的构建工具,则不需要手动导入文件。 但是将此添加到您的
bower.json

"overrides": {
  "pagedown": {
    "main": [
      "Markdown.Converter.js",
      "Markdown.Sanitizer.js",
      "Markdown.Extra.js",
      "Markdown.Editor.js",
      "wmd-buttons.png"
    ]
  }
}

在你的应用程序
angular.module(“你的应用程序”,[“ui.pagedown”])中包含依赖项

您正在加载该库吗?如果没有,依赖项注入器将无法工作。很抱歉太天真了,但是“加载”模块是什么意思呢。这很可能是我丢失的。不确定你那里有哪些导入,但通常我使用AngularJS所做的是在html中加载带有脚本标记的模块/库,因此DI能够解析它们。你甚至可以使用像systemjs这样的模块加载器,这就是为什么我问你如何加载它们。这实际上是答案,所以我使用gulp,它没有将bower js文件放在我的HTML中,因此它们确实没有被加载。谢谢你的帮助你正在加载那个库吗?如果没有,依赖项注入器将无法工作。很抱歉太天真了,但是“加载”模块是什么意思呢。这很可能是我丢失的。不确定你那里有哪些导入,但通常我使用AngularJS所做的是在html中加载带有脚本标记的模块/库,因此DI能够解析它们。你甚至可以使用像systemjs这样的模块加载器,这就是为什么我问你如何加载它们。这实际上是答案,所以我使用gulp,它没有将bower js文件放在我的HTML中,因此它们确实没有被加载。谢谢你的帮助谢谢!这些正是我遵循的步骤。我也有分页依赖项。我正在大口大口大口地喝,并且已经完成了你在这里所说的。不知道为什么它仍然不起作用。因为您正在使用gulp,您是否更改了您的bower.json?请查看拼写说明。加载目录意味着将其引用/脚本包含在您的HTML中。谢谢!这些正是我遵循的步骤。我也有分页依赖项。我正在大口大口大口地喝,并且已经完成了你在这里所说的。不知道为什么它仍然不起作用。因为您正在使用gulp,您是否更改了您的bower.json?查看拼写说明。加载目录意味着在html中包含其引用/脚本