Javascript 由于找不到模块,将模块注入到angular中
我似乎无法将模块注入我的angular应用程序 我正在尝试导入通过bower安装的以下模块,使用: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
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中包含其引用/脚本