标签: angular-cli

如何检查Angular版本?

@angular/cli使用以下命令通过npm 安装了包:

npm install -g @angular/cli
Run Code Online (Sandbox Code Playgroud)

@ angular/cli的1.4.2版已成功安装.

当我运行时ng new myapp如何检查创建的应用程序是哪个Angular版本?2.x,4.x?

angular-cli angular

86
推荐指数
7
解决办法
24万
查看次数

是否有 Angular/Angular-CLI 和 Node.js 的兼容性列表?

我不时遇到这个问题,不得不使用已弃用的 Angular 依赖项启动旧的 Angular 项目。

因为我不正常地运行最新的 Node.js 版本(至少是 LTS 版本),所以我经常遇到问题,即我无法运行旧项目。我通过使用节点版本管理器解决了这个问题,但我仍然经常遇到问题,我不确定用于 Angular Version X 的最佳 Node.js 版本是什么。

遗憾的是,官方发行说明对这个主题的处理很简陋,并不是真正的帮助,特别是如果您想知道哪个 Angular 版本您不能再使用特定的 Node.js 版本......

是否有完整的兼容性列表来检查哪个 Angular 版本与哪个 Node.js 版本兼容?

node.js angular-cli angular

84
推荐指数
3
解决办法
6万
查看次数

Angular Karma Jasmine错误:非法状态:无法加载指令的摘要

我正在开发一个github存储库(带有角度4和angular-cli),我有一些测试,Karma和Jasmine在master分支中工作.

现在我正在尝试添加延迟加载功能,我已经创建了一个新的分支,你可以在这里看到.

问题是,之前的测试,现在他们没有.这很有趣,因为只有延迟加载模块的测试失败了......

这是代码和错误:

import {async, TestBed} from '@angular/core/testing';
import {APP_BASE_HREF} from '@angular/common';
import {AppModule} from '../../app.module';
import {HeroDetailComponent} from './hero-detail.component';

describe('HeroDetailComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [AppModule
      ],
      providers: [
        {provide: APP_BASE_HREF, useValue: '/'}
      ],
    }).compileComponents();
  }));

  it('should create hero detail component', (() => {
    const fixture = TestBed.createComponent(HeroDetailComponent);
    const component = fixture.debugElement.componentInstance;
    expect(component).toBeTruthy();
  }));
});
Run Code Online (Sandbox Code Playgroud)

错误是这样的:

Chrome 58.0.3029 (Mac OS X 10.12.6) HeroDetailComponent should create hero detail component FAILED
    Error: Illegal …
Run Code Online (Sandbox Code Playgroud)

javascript karma-runner karma-jasmine angular-cli angular

83
推荐指数
2
解决办法
4万
查看次数

角度编译器"编译"了什么?

我今天被问到,并没有给出正确的答案.

打字稿转化为JS.然后是树摇动,"少"(可选)以及在进行部署的过程中还有什么.但是那些(afaik)与"编译"无关.一切都被捆绑并大量优化,但它实际上并没有编译,对吧?

甚至有一个提前编译器,它确实做了明显的工作.我错过了什么?

Javascript本身仍然是解释的,对吧?

javascript typescript angular-cli angular-compiler-cli angular

82
推荐指数
4
解决办法
1万
查看次数

ng:使用angular-cli创建新项目时找不到命令

使用(npm install -g angular-cli)全局安装angular-cli 但是当我尝试使用ng new my-project它创建项目时抛出错误:

ng:找不到命令

npm angular-cli angular

75
推荐指数
19
解决办法
11万
查看次数

Angular Cli Webpack,如何添加或捆绑外部js文件?

在将Angular Cli从SystemJs切换到Webpack之后,我不确定如何包含JS文件(供应商).

例如

选项A.

我有一些通过npm安装的js文件.像这样在head标签中添加脚本标签不起作用.它似乎也不是最好的方式.

<head>
   <script src="node_modules/some_package/somejs.js">
</head>

//With systemJs I could do this

<head>
   <script src="vendor/some_package/somejs.js">
</head>
Run Code Online (Sandbox Code Playgroud)

选项B.

将这些js文件包含在webpack包中.这似乎应该是它应该做的方式.但是我不知道如何做到这一点,因为所有的webpack代码似乎都隐藏在angular-cli-webpack节点包之后.我想也许还有另一个我们可以访问的webpack配置.但我不确定,因为在创建一个新的angular-cli-webpack项目时我没有看到.

更多信息:

我想要包含的js文件需要包含在Angular项目之前.例如jQuery和第三方js lib,它实际上没有为模块加载或打字稿设置.

参考 https://github.com/angular/angular-cli/blob/master/WEBPACK_UPDATE.md https://github.com/angular/angular-cli/tree/webpack

javascript angular-cli angular

75
推荐指数
2
解决办法
8万
查看次数

angular-cli服务器 - 如何将API请求代理到另一台服务器?

使用angular-cli ng serve本地开发服务器,它将提供项目目录中的所有静态文件.

如何将我的AJAX调用代理到其他服务器?

angular-cli angular

73
推荐指数
10
解决办法
14万
查看次数

通过 ng new 创建 Angular 项目时,Angular 15 CLI 不会创建环境文件夹

与 Angular 14 生成的项目类似,我希望拥有单独的开发和生产环境,但在创建项目时使用ng new

ng new my-app
Run Code Online (Sandbox Code Playgroud)

这不会创建环境文件夹或对其进行设置。

在此输入图像描述

angular-cli

73
推荐指数
3
解决办法
7万
查看次数

如何卸载Angular CLI?

我安装了Angular-CLI,但它显示错误.当我创建一个新项目时__CODE__,我收到此错误:

ng n app
Run Code Online (Sandbox Code Playgroud)

所以我想卸载Angular-CLI.

angular-cli angular

72
推荐指数
8
解决办法
31万
查看次数

如何在Angular 2项目中加载图像(和其他资源)?

我对Angular很新,所以我不确定这样做的最佳做法.

我使用angular-cli并ng new some-project生成一个新的应用程序.

在它的"assets"文件夹中创建了一个"images"文件夹,所以现在我的images文件夹是 src/assets/images

app.component.html(这是我的申请的根),我把

<img class="img-responsive" src="assets/images/myimage.png">
Run Code Online (Sandbox Code Playgroud)

当我ng serve查看我的Web应用程序时,图像不会显示.

在Angular应用程序中加载图像的最佳做法是什么?

编辑:见下面的答案.我的实际图像名称是使用空格,Angular不喜欢.当我删除文件名中的空格时,图像显示正确.

html angular-cli angular

72
推荐指数
7
解决办法
19万
查看次数