将模块注入角度作为未找到的模块

时间:2017-05-10 23:43:35

标签: javascript angularjs dependency-injection bower

我似乎无法在我的角度应用程序中注入一个模块。

我正在尝试导入以下模块,该模块通过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'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

我似乎在做凉亭和棱角分明的事情,我在格式方面也得到了400 errors,而且我不确定注射过程。

1 个答案:

答案 0 :(得分:0)

import javafx.application.*; import javafx.beans.value.*; import javafx.event.*; import javafx.scene.*; import javafx.scene.control.*; import javafx.scene.layout.*; import javafx.scene.paint.*; import javafx.scene.shape.*; import javafx.stage.*; /** * * @author Sedrick */ public class JavaFXApplication39 extends Application { @Override public void start(Stage primaryStage) { Circle circle = new Circle(10, Color.RED); circle.setCenterX(10); circle.setCenterY(10); Pane pane = new Pane(); pane.setMinHeight(200); pane.getChildren().add(circle); Button btn = new Button(); btn.setText("reset"); btn.setOnAction(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent event) { System.out.println("Hello World!"); } }); VBox root = new VBox(); root.getChildren().add(pane); Slider slider = new Slider(); slider.valueProperty().addListener(( ObservableValue<? extends Number> ov, Number old_val, Number new_val) -> { circle.setCenterX(new_val.doubleValue()); }); root.getChildren().add(slider); root.getChildren().add(btn); Scene scene = new Scene(root, 300, 250); primaryStage.setTitle("Hello World!"); primaryStage.setScene(scene); primaryStage.show(); } /** * @param args the command line arguments */ public static void main(String[] args) { launch(args); } } 工作原理:

angular-pagedown

这也将安装pagedown依赖项。 在HTML中导入这些文件:

bower install angular-pagedown --save

如果你正在使用像grunt / gulp的主要文件一样的构建工具,那么你就不需要手动导入文件了。 但请在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

中添加此内容
bower.json

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

中加入相关性