Articles of angular度cli

为什么Angular 2不加载默认的应用程序根组件?

我试图通过angularCLI生成Angular应用程序,但它似乎像默认的app-root组件不加载。 需要说的是,我正在使用angular应用程序和快递服务器之间的连接代理,并且我正在同时运行两个脚本: node bin/www express / node.js启动和ng serve –proxy-config proxy.config.json用于启动Angular并创build代理连接的ng serve –proxy-config proxy.config.json ,它看起来像这样(package.json的一部分): "scripts": { "start": "concurrently –kill-others \"node bin/www\" \"ng serve –proxy-config proxy.config.json\"" } 索引页面加载正常,但似乎app-root组件(默认组件,它是从angularCLI ng new创build的)不加载: 这里是我的node.js / express use s和一个路由: var express = require('express'); var router = express.Router(); var app = express(); var path = require('path'); app.use(express.static('./src/client/')); app.use(express.static('./')); app.use(express.static('./tmp')); app.use('/*', express.static(path.resolve('src/client/index.html'))); […]

添加服务器端代码到angular-cli项目与节点types冲突

当添加一个基本的express.jsconfiguration(使用TypeScript)到一个Angular2项目,该项目已经用angular-cli ng new [project-name]初始化了,我需要添加下面的代码来使用gulp编译express服务器: types安装 – 环境 – 保存节点 这typings/main.d.ts添加到typings/browser.d.ts和typings/main.d.ts /// <reference path="browser/ambient/node/index.d.ts" /> and /// <reference path="main/ambient/node/index.d.ts" /> 在express server.ts文件中,我可以添加一个引用而不是browser来保持TypeScript的快乐 /// <reference path="../typings/main.d.ts" /> 但是,当我离开browser.d.ts文件中的节点types引用时, ng build命令将失败: Build failed. The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with: Error: Typescript found the following errors: C:/Users/user123/Downloads/my-catalog-master/my-catalog-master/tmp/broccoli_type_script_compiler-input_base_path-7VFCE2dg.tmp/0/src/typings.d.ts (3, 13): Subsequent variable declarations must have the same type. Variable 'module' […]

如何添加自定义css和jsangular4

在angular2中,我可以将它们添加到index.html中,如下所示: <link rel="stylesheet" href="css/mycss.css"> 但是在angular 4中,它必须被添加到样式和脚本数组部分中的angular-cli.json文件中。 在我的情况下,他们似乎并没有被加载。 没有错误,但当我在浏览器中查看应用程序,我知道样式没有加载。 当我将样式和js添加到index.html文件时,它也不会被加载,我在控制台中得到一个404。 我该如何解决? 以下是我的Angular cli版本:@ angular / cli:1.0.2 Node:6.9.2

在开发环境中使用Angular CLI连接express.js

我find了一个很好的教程,解释了如何使用Angular CLI设置express.js,但在本教程中,angular度应用程序被编译到生产dist文件夹中: https : //scotch.io/tutorials/mean-app-with-angular- 2 -和-的棱angular-CLI 如何将express.js与Angular CLI集成,但我希望express.js能够与Angular应用程序的开发版本一起工作,并且如果我更改了express或angular应用程序,我希望nodemon重新启动。 已经花了八个小时试图让这个工作。 谢谢! 我不想在每次修改Angular应用程序时运行“ng build”(这需要太长的时间) – 我想要在我的angular度应用程序中保存更改时立即重新加载(就像我正在运行'ng serve ')或表示应用程序。 我find了一个教程,在这里你使用Express来连接Angular 2 QuickStart,它可以工作,但是我正在使用Angular CLI。 我知道Angular CLI使用WebPack,而QuickStart使用System.js