我@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 依赖项启动旧的 Angular 项目。
因为我不正常地运行最新的 Node.js 版本(至少是 LTS 版本),所以我经常遇到问题,即我无法运行旧项目。我通过使用节点版本管理器解决了这个问题,但我仍然经常遇到问题,我不确定用于 Angular Version X 的最佳 Node.js 版本是什么。
遗憾的是,官方发行说明对这个主题的处理很简陋,并不是真正的帮助,特别是如果您想知道哪个 Angular 版本您不能再使用特定的 Node.js 版本......
是否有完整的兼容性列表来检查哪个 Angular 版本与哪个 Node.js 版本兼容?
我正在开发一个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) 我今天被问到,并没有给出正确的答案.
打字稿转化为JS.然后是树摇动,"少"(可选)以及在进行部署的过程中还有什么.但是那些(afaik)与"编译"无关.一切都被捆绑并大量优化,但它实际上并没有编译,对吧?
甚至有一个提前编译器,它确实做了明显的工作.我错过了什么?
Javascript本身仍然是解释的,对吧?
javascript typescript angular-cli angular-compiler-cli angular
使用(npm install -g angular-cli)全局安装angular-cli 但是当我尝试使用ng new my-project它创建项目时抛出错误:
ng:找不到命令
在将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
使用angular-cli ng serve本地开发服务器,它将提供项目目录中的所有静态文件.
如何将我的AJAX调用代理到其他服务器?
与 Angular 14 生成的项目类似,我希望拥有单独的开发和生产环境,但在创建项目时使用ng new:
ng new my-app
Run Code Online (Sandbox Code Playgroud)
这不会创建环境文件夹或对其进行设置。
我安装了Angular-CLI,但它显示错误.当我创建一个新项目时__CODE__,我收到此错误:
ng n app
Run Code Online (Sandbox Code Playgroud)
所以我想卸载Angular-CLI.
我对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不喜欢.当我删除文件名中的空格时,图像显示正确.
angular-cli ×10
angular ×9
javascript ×3
html ×1
karma-runner ×1
node.js ×1
npm ×1
typescript ×1