Articles of 量angular器

angular2 quickstart究竟是如何工作的?

我正在阅读的angular2快速启动项目 ,我明白,我需要运行npm install来安装依赖关系,然后npm start运行启动脚本,这是在package.json ,是: "start": "tsc && concurrently \"tsc -w\" \"lite-server\" " 首先,“兼任”是什么? 另外,据我了解, tsc是打字稿译员,对吗? 那么,我可以手工传输.ts文件吗? 我应该怎么做? 另外,项目中的哪些位置是导入这些被转换的.js文件的定义? 这里有太多的抽象和包装,我想手工传递,理解发生了什么。

茉莉花testing与angular2和节点不工作

我已经安装了ng-fullstack生成器并为Angular 2和Nodeselect了选项。 除了testing以外,一切都很好玩。 当我尝试执行testing他们失败。 我所做的任何search都告诉我,将zone.js降级到0.6.2将会解决问题,然而,我不能降级,因为Angular 2需要更高版本的Zone.js,所以我有点卡住了: @angular/core@2.4.2 requires a peer of zone.js@^0.7.2 but none was installed. 需要注意的是,当我第一次安装生成器时,它会安装一个较低版本的zone.js – 这个版本可以兼容testing的工作(根据我的谷歌search)。 如果我用zone.js@^0.7.2执行testing,我看到这个错误: Chrome 55.0.2883 (Mac OS X 10.12.2) ERROR Uncaught Error: Missing: SyncTestZoneSpec at node_modules/zone.js/dist/jasmine-patch.js:43 10 01 2017 15:34:26.123:WARN [web-server]: 404: /base/node_modules/@angular/core/testing.js 10 01 2017 15:34:26.126:WARN [web-server]: 404: /base/node_modules/@angular/platform-browser-dynamic/testing.js [15:34:26] 'client.unit_test' errored after 2.47 s 有没有人有任何build议,我可以让我的茉莉花testing工作? 我对这个有点困惑。 […]

angular度谷歌login模块投掷404

我正在尝试为Angular2应用程序实施谷歌login。 我运行以下命令。 npm我angular谷歌login 我在node_modules中获得了angular-google- signin文件夹。 在index.html中添加了下面的脚本。 <script defer src="https://apis.google.com/js/platform.js"></script> 你可以在下面find我的代码: app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { FormsModule } from '@angular/forms'; import { HttpModule, Headers } from '@angular/http'; import { GoogleSignInComponent } from 'angular-google-signin'; @NgModule({ imports: [BrowserModule, FormsModule, HttpModule], declarations: [AppComponent, […]

无法在代理服务器后面的visual studio中安装angularJS2

我无法在位于代理服务器后面的visual studio中启动angularJS2项目。 我已经完成了以下步骤 安装了node.js – v6.9.4 npm版本是3.10.10 设置npmconfiguration为 npm config set https-proxy = http:// username:password @ companyAddress:8080 也试过这个 npm config set https-proxy = http://“用户名:密码”@companyAddress:8080也 我有一个package.json文件,从这里下载了package.json文件下载的链接 现在,当我在命令提示符下运行下面的命令,导航到我的项目文件夹,我得到像这样的加载器 那么它会返回这样的错误 我甚至试过这个npmconfiguration集代理“ http:// domainName%5Cusername:password@company.com:8080 / ” 这里build议,但它没有工作 我已经尝试了所有在stackoverflow中提到的博客以及github,但没有任何超出以下步骤,没有任何解决我的问题。

在启动组件之前获取configuration参数

我有一个问题,在我的应用程序组件开始之前,从一个JSON文件中获取configuration参数。 对于这些组件,我需要configuration参数。 没有错误消息,但app.component.ts不启动。 执行停止的地方。 阅读json工作正常。 functiontest.dev.config.json { "name": "DE164813", "node-uri": "http://localhost:4000" } Config.ts import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { Http, Response } from '@angular/http'; @Injectable() export class Config { private _env: Object constructor(private http: Http) { } load() { return new Promise((resolve, reject) => { this.http.get('functiontest.dev.config.json') .map(res […]

Angular2应用程序调用node.js函数

好,所以我有一个Angular2应用程序运行在http://localhost:4200/ ,在这个应用程序内我试图调用位于一个单独的node.js应用程序当前运行在http://localhost:3000/ 我从Angular2应用程序调用: deletePhoto(photoId: string) { var options = new RequestOptions({ headers: new Headers({ 'Accept': 'application/json', 'Access-Control-Allow-Origin': 'http://localhost:4200' }) }); let url = `http://localhost:3000/delete?photoId=${photoId}`; this.http.post(url, options).subscribe(response => { let user = response.json() console.log(user); }, err => { console.log('Unable to call delete photo', err); }); } 这是我的node.jsfunction: var express = require('express') var app = express(); app.post('/delete', […]

安装@angular度/ cli不适用于Mac

我正在尝试使用“npm install @ angular / cli -g”来设置Angular 2 安装之后,我看到的唯一警告是UNMET PEER DEPENDENCY rxjs@^5.0.1,然后我安装并重新安装“npm install @ angular / cli -g” 不pipe我做什么,或者我用n设置了哪个版本的节点,在尝试使用“ng”命令时,我都会收到以下消息: zsh:找不到命令:ng 我一直在环顾四周,还没有find一个解决scheme。 有没有人遇到这个,并有任何build议? 更新: 看起来这不是一个angular度/气候特定的问题。 我现在看到,当我尝试在一个工​​作正常的现有项目上运行“Grunt”和“Ionic”命令时,我得到了相同的信息。 zsh:找不到命令:ionic zsh:command not found:grunt

错误:(SystemJS)意外的标记<SyntaxError:意外的标记<eval(<anonymous>)Angular 2

我正在尝试使用angular2的整个页面, 在我的app.module.ts中导入时出现以下错误。 "(SystemJS) Unexpected token < SyntaxError: Unexpected token < at eval (<anonymous>) at Object.eval (http://localhost:3000/app/app.module.js:16:22) at eval (http://localhost:3000/app/app.module.js:40:4) at eval (http://localhost:3000/app/app.module.js:41:3) at eval (<anonymous>) Evaluating http://localhost:3000/node_modules/ng2-fullpage Evaluating http://localhost:3000/app/app.module.js Evaluating http://localhost:3000/main.js Error loading http://localhost:3000/main.js" 以下是我的文件: systemjs.config.js (function (global) { System.config({ paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System […]

XMLHttpRequest未在platform-b​​rowser-dynamic.umd.js中定义

我得到一个XMLHttpRequest未定义与Angular2,Typescript和NodeJS的错误当我运行命令ts-node main.ts 这是我的例外 D:\workspace_git\nodejs\xgame\node_modules\@angular\platform-browser-dynamic\bundles\platform-browser-dynamic.umd.js:31 var xhr = new XMLHttpRequest(); ^ ReferenceError: XMLHttpRequest is not defined at ResourceLoaderImpl.get (D:\workspace_git\nodejs\xgame\node_modules\@angular\platform-browser-dynamic\bundles\platform-bro wser-dynamic.umd.js:31:27) at DirectiveNormalizer._fetch (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.umd.js:13753:47 ) at DirectiveNormalizer.normalizeTemplateAsync (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler .umd.js:13799:25) at DirectiveNormalizer.normalizeTemplate (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.umd. js:13771:48) at CompileMetadataResolver._loadDirectiveMetadata (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\comp iler.umd.js:18074:79) at D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.umd.js:18250:58 at Array.forEach (native) at CompileMetadataResolver.loadNgModuleDirectiveAndPipeMetadata (D:\workspace_git\nodejs\xgame\node_modules\@angular\compile r\bundles\compiler.umd.js:18249:45) at D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.umd.js:27366:62 at Array.forEach (native) at JitCompiler._loadModules (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.umd.js:27365:47) at JitCompiler._compileModuleAndComponents (D:\workspace_git\nodejs\xgame\node_modules\@angular\compiler\bundles\compiler.um […]

Angular 2 ng构build

所以我需要创build一个可以运行而不需要运行服务器的版本。 运行生成。 有一个dist文件夹。 当我运行index.html我得到一个错误 GET file:///D:/inline.bundle.js net::ERR_FILE_NOT_FOUND 他正在我的D://驱动器的根目录中search该js文件,而不是在项目文件夹中 好吧,我从我的index.html删除了一个<base href="/"> ,并得到这个错误: Unhandled Promise rejection: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document. ; Zone: <root> ; Task: Promise.then ; Value: ZoneAwareError {__zone_symbol__error: Error: No base href set. Please provide a value for the […]