Articles of angular cli

Docker与npm全局安装angular-cli构build时间长

我遇到了一个非常奇怪的情况,想知道是否有人能够说明情况。 简而言之,使用npm install -g angular-cli@1.0.0-beta.16以及其他应用程序步骤需要永久构build。 docker build在自己的图像中单独docker build ,然后docker build FROM第一个图像docker build应用程序的其余部分,一起或单独地花费那么长时间。 当我说了很长时间,我的意思是2小时。 个人需要大约5至7分钟的时间来build设。 所以在我放下所有的代码之前,请注意几点。 我已经在OS X 10.10.5,OS X 10.11.X,OS X 10.12.X,Arch Linux 4.5.1-1-ARCH,Ubuntu 14.04 LTS(在stream浪盒子和AWS中)以及有些朋友在他们的机器上帮助了我。 所有相同的结果。 我正在运行Docker 1.12.1。 我正在修buildFROM alpine:3.4 。 node的版本是v6.2.0和npm 3.8.9(来自高山包)。 我也试过这个图像,我从源码构build了nodejs v5.11.1和npm 3。 FROM alpine:3.4 MAINTAINER First Lastname <user@example.com> ARG ENV #Set environment vars ENV HOME=/home \ APP_DIR=/root/app \ DIST_DIR=/var/www \ […]

在生产模式下,Anglu-cli aot构build失败

在编译失败的错误:模块构build失败:TypeError:不能在Object.createCompilerHost()读取属性Object.getNewLineCharacter(C:… \ node_modules \ typescript \ lib \ typescript.js:9581:20)undefined属性'newLine' (C:… \ node_modules \ @ngtools \ webpack \ src \ loader.js:386:33):TypeError(C:… \ node_modules \ typescript \ lib \ typescript.js:66675:26):Object.ngcLoader :不能读取未定义的属性'newLine' ./src/main.ts中的错误未find模块:错误:无法parsing“C:… \ src”中的“./$$_gendir/app/app.module.ngfactory”@ ./src/main .ts 2:0-74 @ multi ./src/main.ts npm ERR! Windows_NT 10.0.15063 npm ERR! argv“C:\ Program Files \ nodejs \ node.exe”“C:\ Program Files \ nodejs […]

无法在Linux Ubuntu上安装npm @ angular / cli

当我尝试npm install -g @angular/cli出现错误: npm ERR! path /usr/lib/node_modules/@angular npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall mkdir npm ERR! Error: EACCES: permission denied, mkdir '/usr/lib/node_modules/@angular' npm ERR! { Error: EACCES: permission denied, mkdir '/usr/lib/node_modules/@angular' npm ERR! stack: 'Error: EACCES: permission denied, mkdir \'/usr/lib/node_modules/@angular\'', npm ERR! errno: -13, npm ERR! code: 'EACCES', npm […]

从脚本文件而不是从CLI运行Angular CLI脚本? 本地化/国际化

我们正在为我们的Angular 2应用程序进行国际化/本地化,我希望能够编写一些脚本来完成各种任务,比如生成翻译源文件,构build和/或为应用程序提供服务来自特定语言的翻译。 我不希望将脚本写在package.json文件中,而是希望能够在脚本/目录中的单独文件中捕获脚本,并且package.json文件中的脚本将指向这些脚本。 例如,我想在package.json使用这样的东西: "scripts": { //other irrelevant scripts "generateXLF": "ng-xi18n –i18nFormat=xlf –outFile=./src/locale/baseFile/messages.xlf", //other irrelevant scripts }, 而是有这样的东西: "scripts": { //other irrelevant scripts "generateXLF": "node ./build/scripts/locale/generateXLF.js" //other irrelevant scripts }, 或者,而不是像这样的东西: "scripts": { //other irrelevant scripts "serveLocale": : "./node_modules/.bin/ngc –i18nFile=./src/locale/languages/($someLocaleIPassIn)/messages.($someLocaleIPassIn).xlf –locale=($someLocaleIPassIn) –i18nFormat=xlf", //other irrelevant scripts }, 而是有这个: "scripts": { //other irrelevant scripts "serveLocale": : "node […]

如何使用Web套接字和angular度CLI来设置代理

我有一个使用angular度CLI构build的简单的Web应用程序。 我希望它使用networking套接字与后端进行通信。 我已经编写了后端,并用一个简单的index.html页面进行了testing,服务器可以在套接字上发送和接收数据。 在我的angular-cli项目中,我已经设置了一个代理configuration文件来设置代理到后端。 proxy.conf.json { "/sock": { "target": "http://localhost:3000", "changeOrigin": true, "ws": true, "logLevel": "debug" } } 然后使用以下命令启动服务器。 ng serve –proxy-config proxy.conf.json 现在我有一个服务,只是试图打开一个套接字,并发送一个固定的string,我期待看到后台logging。 import { Injectable } from '@angular/core'; import * as io from 'socket.io-client'; @Injectable() export class ChatService { private socket: any; constructor() { this.socket = io({ 'path': '/sock' }); this.socket.emit('chat message', 'Hello […]

如何稳定{Node} npm依赖系统?

我正在使用angular-cli并使用Angular2构build一个SPA。 我有一个Jenkins构build系统,在我的应用程序中,每当我的项目存储库发生变化时,都会触发一个基本上删除整个node_modules文件夹的构build,然后执行npm install ,然后执行构build过程。 所有这些都是在Linux机器上远程完成的。 问题: 现在我面临的问题是二级和三级依赖问题。 大多数依赖(如果不是全部)我使用npm安装有自己的packagae.json文件,这反过来有自己的,等等。 所以,即使我通过删除插入符号或波形符号来冻结我的主package.json文件中的版本,我也无法控制二级和三级依赖项的版本。 这导致了很多UNMET PEER DEPENDENCY错误,因为一个依赖需要同一个组件的一个版本,而另一个需要另一个版本! 题: 所以我的问题是,我如何确保这不会发生,并实现稳定的依赖安装?

在Angular-Cli WebPack脚本中,我想对绑定的脚本重新sorting

我在Angular2项目上工作。 我使用Angular-CLI脚手架angular度的应用程序。 Angular-CLI默认使用WebPack来处理很多事情,其中​​一个就是捆绑脚本。 我使用npm:codrops-animated-header安装了这个包,需要我包含一个脚本到另一个之上,所以在angular-cli.json中,我根据需要对它们进行了sorting(检查最后2行:我要加载classie.js之前cbpAnimatedHeader.min.js): "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/tether/dist/js/tether.js", "../node_modules/bootstrap/dist/js/bootstrap.js", "../node_modules/codrops-animated-header/js/classie.js", "../node_modules/codrops-animated-header/js/cbpAnimatedHeader.min.js" ], 但在控制台我发现这个错误: Uncaught TypeError: Cannot read property 'classList' of null at Object.addClass (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:33:9) at d (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:11:262) at ZoneDelegate.invokeTask (http://localhost:4200/vendor.bundle.js:100298:35) at Zone.runTask (http://localhost:4200/vendor.bundle.js:100174:47) at ZoneTask.invoke (http://localhost:4200/vendor.bundle.js:100368:33) at data.args.(anonymous function) (http://localhost:4200/vendor.bundle.js:101247:25) 当我检查捆绑脚本我发现cbpAnimatedHeader.min.js之前classie.js如下所示: /***/ 782: /***/ function(module, exports) { […]

来自NodeJS的Angular-Cli

当我直接从terminal窗口使用Angular-Cli构build我的项目时,这样工作: $ ng build 现在我想使用spawn从nodejs运行它。 然而, const spawn = require('child_process').spawn; const bld = spawn("ng build"); 抛出: child process has an error with code Error: spawn ng build ENOENT child process exited with code -2 为什么发生这种情况? (我正在运行从同一文件夹内的一切。)

不能使用Cli安装Angular2应用程序

我跟着链接; https://github.com/angular/angular-cli/wiki npm版本:5.0.1 节点版本:6.11.0 我运行命令 npm install -g @angular/cli 我试过的解决scheme npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest 但它不适合我。 这是npm错误或angular度2。 请build议。 错误 unexpected end of input at 1:13267 我也试过; https://angular.io/docs/ts/latest/guide/setup.html 。 npm安装不工作

如何在Angular CLI中configuration代理

我创build了一个新的@ angular / cli项目,并在根组件中添加了一个http GET调用。 没有使用代理这工作正常。 export class AppComponent implements OnInit { constructor(private http: Http) {} ngOnInit() { this.http .get('https://dog.ceo/api/breeds/list/all') .map(response => response.json()) .subscribe(data => console.log(data)); } } 当我尝试添加在Angular CLI wiki中描述的configuration时,事情就会出错。 我的proxy.conf.json文件: { "/api": { "target": "https://dog.ceo", "secure": false } } 我将组件中的URL更改为/api/breeds/list/all 。 而我运行ng serve –proxy-config proxy.conf.json 然后,我在浏览器控制台中发出内部服务器错误消息。 而在我开始服务的terminal,我得到这个消息[HPM] Error occurred while trying to proxy […]