Tag: angular cli

我在安装angular度cli时遇到问题

我得到以下错误,而我尝试安装angular度cli。 我已经更新了我的节点以及npm,但没有任何工作。

节点 – 设置angular度cli环境

我正在通过节点部署我的angular-cli应用程序。 而不是ng serve –prod ,我使用npm start 。 有没有办法从npm实现–environment=prod设置,以便它将使用environment.prod.ts而不是environment.ts ? 我的Dockerfile: FROM node RUN mkdir -p /usr/src/app WORKDIR /usr/src/app COPY package.json /usr/src/app RUN npm install COPY . /usr/src/app EXPOSE 4200 CMD ["npm", "start"] package.json的顶部: { "name": "asgard2", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve –host 0.0.0.0", "build": "ng build", "test": "ng test", […]

当为一个npm模块使用一个私有的git url时,如何configuration消费应用程序只使用模块的dist文件夹中的文件?

我为我的angular应用程序使用angular-cli,但由于angular-cli目前不支持用于创build库,我使用了看似最广泛使用的git项目来创build我的库: https : //github.com/jvandemo/发电机angular2库 我的问题是,我不想将我的npm模块库发布到公共目录。 相反,我想直接在我的依赖中使用git url。 在开发过程中,这工作正常。 我可以在本地运行构build并在“dist”文件夹内运行一个npm链接,并且所有内容都是漂亮的。 然而,当我把我的npm模块代码git,然后在消费项目中运行一个npm安装,我不知道如何设置它,以便我的消费项目只是看在模块的dist文件夹内,并将其视为如果这是模块的根源。 例如,在node_modules / my_private_module中,我的文件结构如下所示: dist/ — component1 — compoennt2 — my_module.metadata.json — my_module.d.ts — my_module.umd.js — index.d.ts — index.js — package.json — README.MD package.json README.md 我的应用程序使用的所有文件都在/ dist文件夹中,但我不想在所有的导入中指定“dist”,如 import { myComponent1 } from 'my_private_module/dist'; 我想能够只是指定 import { myComponent } from 'my_private_module"; 正如我在开发时,在dist文件夹中运行一个npm链接。 有什么办法可以做到这一点? 谢谢

Angular 4生产部署工作stream程

我和一位同事讨论了如何将angular度4应用程序部署到生产服务器。 如果可能的话,希望从社区那里得到实际的build议和指导。 前提1 在生产服务器上, git pull npm install {set up production configuration} ng build –prod –aot 在生产服务器上构build和编译 生产服务器硬件规格需要支持构build过程 托pipe服务器上需要添加空间以容纳node_modules git repo master分支没有编译代码,因此是一个“clean source repo” 前提2 在生产服务器上, git pull 在本地开发工作站上build立和编译生产代码将会更快 git repo master分支将保留已编译代码的部署快照 生产服务器仍然是一个有限的空间的128MB的RAM,因为它是服务的HTML,JS和CSS。 当需要进行恢复或缩放时,可以更快部署到另一台服务器,因为它只是一个混帐

可导出的angular度“ng-cli”模块

我有一个由ng-cli创build的多个Angular应用程序组成的体系结构: FrontendLibs @company/ core/ src/ package.json index.ts main-app/ src/ package.json 在这个例子中,我的两个ng-cli应用程序是Core和Home 。 我想从Core导出一个模块,比如说SharedLibraryModule ,这样Home就可以使用它。 我正在以当地的NPM包的forms这样做: // package.json in main-app { "@company/core": "file:./@company/core/" } @company/core模块包含一个用于导出相关模块的index.ts文件: // index.ts in @company/core export { SharedLibraryModule } from './src/app/shared-library/shared-library.module'; 但是,当我在main-app引用SharedLibraryModule并运行ng-serve ,出现以下错误: 遇到错误时遇到静态parsing符号值。 调用函数“makeDecorator”,不支持函数调用。 考虑使用对导出函数的引用replace函数或lambda 以下是main-app的app.module.ts : import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { […]

Angular2在angular-cli下使用指令和ng构build–prod

我有一个angular度的应用程序, npm -v 3.10.8 node -v v6.9.1 angular2 ^2.4.0 angular/cli 1.0.0-beta.32.3 当我添加到package.json这个 "angular2-auto-scroll": "1.0.12" angular2-auto-scrol网站 并在app.module.ts中导入它 import { Angular2AutoScroll } from "angular2-auto-scroll/lib/angular2-auto-scroll.directive"; 并将其添加到声明部分构build – 生产失败,这个错误 ERROR in Unexpected value 'Angular2AutoScroll in C:/coding/workspace/myapp/myapp-web/node_modules/angular2-auto-scroll/lib/angular2-auto-scroll.directive.d.ts' declared by the module 'AppModule in C:/coding/workspace/myapp/myapp-web/app_code/app/app.module.ts' ERROR in ./app_code/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'C:\coding\workspace\myapp\myapp-web\app_code' @ ./app_code/main.ts 6:0-74 @ […]

如何为Angular 2+编写可重用的私有库

我已经创build了一个通用的框架来创build仪表板,它由多个使用Angular-CLI的模块组成。 有些模块是完全独立的。 使用这个库的开发人员可以根据需要在他们的项目中添加模块。 我有一个在Angular Js 1.0中创build的这个框架的早期版本,在这个我已经作为JavaScript分钟文件交付。 有什么东西我必须注意创build这个图书馆作为私人而不是公开的,或者有什么办法将我的模块打包成单独的,并没有NPM交付?

在现有的angular2应用程序使用cliangular度通用安装

我正在按照以下链接https://universal.angular.io/quickstart/的指示,在现有的angular 2应用上实现通用cli时遇到一些问题 在第一个命令安装angular-universal npm install body-parser angular2-universal preboot express –save 我得到下面的错误 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN enoent ENOENT: no such file or directory, open 'C:\test-app\node_modules\node_modules\package.json' npm WARN angular2-universal@2.1.0-rc.1 requires a peer of zone.js@~0.6.21 but none was […]

Angular 2如何使用子依赖angular-cli加载第三方供应商节点模块

在Angular 2中加载一个单独的节点模块 ,在wiki中很好地描述了一个angular-cli自引导项目。 只是很好奇,我怎样才能很好地加载一个更复杂的节点模块在一个项目启动angular-cli? 例如,angular2-apollo依赖于像apollo-client,graphql,lodash等几个子依赖项。 我将节点模块添加到angular-cli-build.js var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); module.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ '…', 'angular2-apollo/**' ] }); }; 并注册节点模块ins system-config.js const barrels: string[] = [ // … // Thirdparty barrels. 'rxjs', 'angular2-apollo', // App specific barrels. // … ]; // … // Apply the CLI SystemJS configuration. System.config({ […]

`window`没有被定义 – Angular CLI

我需要在Angular 2模块中使用全局window对象,但是由Angular CLI完成的服务器端渲染意味着当模块正在处理时window是未定义的。 当window可用时,如何确保在客户端处理此特定模块? 谢谢