将模块注入 angular,因为找不到模块

Injecting a module into angular as module not found

我似乎无法将模块注入我的 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'
])

我在尝试使用该模块时似乎遇到以下错误:

Module 'ui.pagedown' 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.

我似乎在使用 Bower 和 angular 一起做错了一些事情,在格式化方面我也得到了 400 errors,我不确定注入过程。

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-files 之类的构建工具,则无需手动导入文件。 但将其添加到您的 bower.json

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

在您的应用中包含依赖项angular.module("yourApp", ["ui.pagedown"]);