Articles of 量angular器

鉴于以下文件结构,如何运行基本的量angular器testing?

我一直在试图按照这里给出的教程。 但是,当我尝试开始量angular器testing,没有testing似乎运行。 然而,我的webdriverpipe理器似乎运行完美。 基本上没有任何反应。 我已经尝试了以下内容: node protractor conf.js node node_modules/protractor conf.js node node_modules/protractor node_modules/protractor/conf.js node node_modules/protractor node_modules/protractor/tests/conf.js 这些工作都没有,第一个抛出一个错误。 我试图把文件的副本放在多个目录中,但是这些文件都不起作用。 我不确定问题是什么,但这是多less文件设置。 ui_directory/ <– This is the overall directory for my web projects ui_directory/conf.js ui_directory/todo-spec.js ui_directory/node_modules/ ui_directory/node_modules/protractor/ ui_directory/node_modules/protractor/conf.js ui_directory/node_modules/protractor/todo-spec.js ui_directory/node_modules.protractor/tests/ ui_directory/node_modules.protractor/tests/conf.js ui_directory/node_modules.protractor/tests/todo-spec.js 究竟是从教程中运行testing的正确命令是什么? 所有的todo-spec.js和conf.js文件都是一样的。 我的conf.js文件包含以下内容: exports.config = { seleniumAddress: 'http://localhost:4444/wd/hub', specs: ['todo-spec.js'] };

如何closuresAngular 2/4 +和Socket.io中的websocket

我试图创build一个使用websockets的应用程序,但是遇到了可怕的“多重连接”问题,每次页面重新加载而不是closures并重新打开一个新的websocket,另一个连接只是添加到列表中。 我的问题是,如果有人知道从Angular 2/4 +closuresSocket.io websocket的最佳/正确的方式。 至于代码,这是我所拥有的: service.ts getUserSocket(userID: string): Observable<any> { return new Observable(_Observer => { // Setup the socket namespace subscription this.UserSocket = io(NTC_API_URL + `/user/${userID}`, { secure: true }); this.UserSocket.on('message', _Message => { console.log(_Message); }) }) } closeUserSocket() { this.UserSocket.disconnect(); this.UserSocket.close(); } component.ts ngOninit() { // Setup the User Socket this.UserSocket = this._UsersService.getUserSocket(this.currentUser.userID) […]

节点Express会话和离子angular度之间的会话丢失

我在节点上使用快速会话来存储用户的数据。 我允许访问控制允许来源和访问控制允许证书。 所以在我的请求中,我设置了Credentials等于true: return this.http.post('https://localhost:2800/login', profile, {withCredentials: true}) 问题是,如果应用程序向其他站点发出任何请求,或者在S3上请求映像,则与服务器的会话将丢失。 (我必须再次login)。 这只发生在我的networking浏览器(运行离子服务),一旦我加载我的应用程序在物理智能手机运作良好。

如何 – 观看未压缩的文件(没有Webpack)

我已经在webpack中为/ dist开发了一些代码,用于开发等待更新/构builddist /文件夹的代码,并且还得到了结果。 有很好的“webpack-dev-server -port = 4200”命令,但我有expressJS。 运行项目后,如何快速获得更新结果。 也许这是可以通过webpack或不可以: /////////////////////package.json "scripts": { "ng": "ng", "dev": "concurrently nodemon ./src/index.ts \"tsc -w -p ./src\" ", "start": "ng build && concurrently nodemon ./src/index.ts \"tsc -w -p ./src\" ", "build": "ng build –watch", "build:watch": "\"tsc -w -p ./src\"", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, //////////////////////index.ts […]

angular2不能连接到服务器

我正在Angular 2上工作,而我的后端是NodeJs。 我只是按照教程连接到服务器,但它不起作用。 这是我在app.component.ts中的代码: this.http.get<Contributor[]>('http://localhost:3000/message/').subscribe(data => { // data is now an instance of type ItemsResponse, so you can do this: this.contributors = data; console.log(this.contributors); }); console.log(this.contributors); 第一个“this.contributors”显示的数据很好,但第二个是未定义的。 有什么可以帮助我吗? 非常感谢!

如何从angular2发表到服务器

这里的新手试图从Angular 2发送联系表单数据到Node / Express服务器…现在,我正在托pipeAngular 2,内置服务器在localhost:4200,而express server在localhost: 3000。 我试过下面的代码,但得到以下错误: Error: ENOENT: no such file or directory, stat 'C:\Users\corey\Desktop\Project\server\api\contact-form-submit' 这是我的contact-form.component.ts文件: import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-contact-form', templateUrl: './contact-form.component.html', styleUrls: ['./contact-form.component.css'] }) export class ContactFormComponent { constructor(private http: HttpClient) {} […]

如何处理DeprecationWarning:未处理的承诺拒绝在量angular器中被弃用

我正在使用Typscript编写的页面对象Protractor框架,该框架应用了asynchronous/等待function。 我坚持茉莉花。 我正在testing使用Angular和Angular CLI构build的应用程序。 有一些情况下,一个元素在断言之前没有出现,因为这个问题没有作为断言的一部分处理,所以testing挂起了60秒,直到我收到一个jasmine.DEFAULT_TIMEOUT_INTERVAL错误。 我也收到以下depracationWarning从节点: (节点:9796)[DEP0018]弃用警告:不处理的承诺拒绝已被弃用。 将来,未处理的承诺拒绝将使用非零退出代码来终止Node.js进程。 正如您期望的那样,testing会导入所需的页面对象,并扩展常见的操作。 规格如下: it('should allow user to update bank acocunt number', async(done) => { await sideMenu.clickMenuItem(sideMenu.myDetailsOption); await sideMenu.clickMenuItem(sideMenu.bankDetailsOption); await bankDetailsPage.editAccountNumber('12345678'); await bankDetailsPage.isDisplayed(bankDetailsPage.confirmationOfUpdateText) .then(isVisible => expect(isVisible).toBeTruthy()) .then(done, done.fail); }, 60000); 我的第一个想法是赶上承诺拒绝,所以我做了以下修改: it('should allow user to update bank acocunt number', async(done) => { await sideMenu.clickMenuItem(sideMenu.myDetailsOption).catch(done.fail); await sideMenu.clickMenuItem(sideMenu.bankDetailsOption).catch(done.fail); await bankDetailsPage.editAccountNumber('12345678').catch(done.fail); await […]

如何在Angular 4 / expressJS服务器上直接运行项目(没有webpack)

现在我执行'build'和exec'ts-node ./src/index.ts': //////////index.ts import * as express from 'express'; import { join } from 'path'; import { json, urlencoded }from 'body-parser'; import BaseRoutes = require("./backend/services/newService"); var app : any = express(); app.use(express.static(join(__dirname + '/../dist/'))); app.use(json()); app.use(urlencoded({extended: true})); app.use('/api', new BaseRoutes().routes); app.get('*', function(req, res, next) { res.sendFile(join(__dirname + '/../index.html')); }); app.listen(3000); 所有的工作都很好,但是如何只运行expressJS服务器,只用原始文件编译项目(没有webpack)。 在推推的情况下我编译项目只压缩/ dist /文件,否则我想与原始文件工作 varibale […]

ng服务:找不到模块'tapable'

我只是将我的Angular 5项目从一台计算机转移到另一台计算机上,而在新设备中,尝试ng serve时出现以下错误: Cannot find module 'tapable' Error: Cannot find module 'tapable' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (c:\xampp\node_modules\webpack\lib\Template.js:7:17) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (c:\xampp\node_modules\webpack\lib\node\NodeMainTemplatePlugin.js:5:16) at Module._compile (module.js:570:32) at […]

离子 – 关于版本的困惑

这是我的客户端package.json : { "name": "ionic-hello-world", "author": "Ionic Framework", "homepage": "http://ionicframework.com/", "private": true, "scripts": { "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve" }, "dependencies": { "@angular/animations": "^4.1.3", "@angular/common": "4.1.3", "@angular/compiler": "4.1.3", "@angular/compiler-cli": "4.1.3", "@angular/core": "4.1.3", "@angular/forms": "4.1.3", "@angular/http": "4.1.3", "@angular/platform-browser": "4.1.3", "@angular/platform-browser-dynamic": "4.1.3", "@angular/platform-server": "4.1.3", "@ionic-native/core": "3.12.1", "@ionic-native/device": "^3.12.1", "@ionic-native/file-opener": "^3.12.1", […]