标签: angular2-cli

我在这里检查过，没有可以传递给 Angular CLI 以将日志保存到文件的选项。我试过这个：

ng build |& tee output.txt

问题是生成的文件使我的 Atom 编辑器崩溃，并且在 Geany 中它不可读，因为像 [BS]、[ESC] 这样的字符（它们的删除弄乱了格式并且文件仍然不可读）。

各位大侠，能分享一下你们的技巧吗？

Angular2 cli项目生产构建[ng build -prod]遇到 92% 的问题，并收到诸如堆内存耗尽之类的错误消息。有什么解决办法吗？项目由大量组件组成。正常构建工作正常[ng build]

截屏

谢谢

有些东西我想知道模块.我刚刚开始使用Angular 2,所以我搜索了太多主题,但我找不到任何令人满意的答案.

当我们创建角度2应用程序时,肯定使用模块.当然也使用嵌套模块.我们可以使用多少个嵌套模块？这是可行的还是嵌套模块有限制？

例如,假设我有管理仪表板应用程序.我们可以像这样建造

app.module.ts
|
 --dashboard
    |
    --dashboard.module.ts
      |
      --login
        |
        --login.module.ts
        .
        .
        .

我们可以肯定地用这种方式构建.但是,假设我们有5个或更多嵌套模块,角度应用是否可以？可能导致任何问题或导致任何性能问题？或者我们应该保持简单(最多3个嵌套等)进行练习？

另外,当嵌套模块和组件增加时,tsc如何表现？

总结一下什么是优点,缺点嵌套模块等,嵌套模块结构的最佳实践是什么？

安装Angular CLI(angular-cli@1.0.0-beta.16)npm install -g angular-cli@latest失败,并出现以下错误npm-debug.log:

Error: The package webpack@2.1.0-beta.22 does not satisfy its siblings' peerDependencies requirements!
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/lib/install.js:125:32
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/lib/install.js:268:7
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/read-installed/read-installed.js:142:5
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/read-installed/read-installed.js:263:14
    at cb (/home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/slide/lib/async-map.js:47:24)
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/read-installed/read-installed.js:263:14
    at cb (/home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/slide/lib/async-map.js:47:24)
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/read-installed/read-installed.js:263:14
    at cb (/home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/slide/lib/async-map.js:47:24)
    at /home/jan/.nvm/versions/io.js/v3.3.1/lib/node_modules/npm/node_modules/read-installed/read-installed.js:263:14

安装在Node 3.3的控制台上生成以下内容; 并且在Node 4.6上同样失败:

npm install -g angular-cli@latest
npm WARN engine angular-cli@1.0.0-beta.16: wanted: {"node":">= 4.1.0"} (current: {"node":"3.3.1","npm":"2.14.3"})
npm WARN engine common-tags@1.3.1: wanted: {"node":">=4.0.0"} (current: {"node":"3.3.1","npm":"2.14.3"})
npm WARN peerDependencies The peer dependency webpack@* included from html-webpack-plugin …

我正在尝试在这个Angular 2 项目中使用AOT编译器。当我执行命令时出现错误：不是一个函数：。如何解决这个问题？TypeError: this.compiler.compileModules"node_modules/.bin/ngc" -p tsconfig-aot.json

重现步骤：

1. 克隆此存储库：https://github.com/AngularClass/angular2-webpack-starter

2. 安装compiler-cli（版本2.1.2）：npm install @angular/compiler-cli --save

3. 从中删除src/app/+detail目录和detail路由器src/app/app.routes.ts（我这样做是因为"node_modules/.bin/ngc" -p tsconfig-aot.json输出错误can't resolve module src/app/+detail/index.ts from src/app/+detail/index.ts：）

4. 创造tsconfig-aot.json：

   {“compilerOptions”：{“target”：“es5”，“module”：“es2015”，“moduleResolution”：“node”，“sourceMap”：true，“emitDecoratorMetadata”：true，“experimentalDecorators”：true，“removeComments ": false, "noImplicitAny": true, "suppressImplicitAnyIndexErrors": true },
   "angularCompilerOptions": { "genDir": "aot", "skipMetadataEmit" : true } }

5. 跑步"node_modules/.bin/ngc" -p tsconfig-aot.json

我使用angular-cli创建了一个angular2项目.项目工作正常.
我使用ng serve命令在本地运行它以进行开发.以下是运行项目后CLI的快照:

现在我想使用ng generate component命令创建一个新组件.我必须首先使用Ctrl + C停止它,然后创建组件然后再次启动它.它很耗时.还有其他更好的方法吗？

我刚刚将我的应用程序迁移到了 Angular CLI。我已经启动并运行了我的 REST API 节点服务器。我希望能够运行我的前端ng serve，每次更改文件时都具有自动重新加载功能，而且还可以连接到我的节点后端。

Livereload 服务器在端口 49152 上运行 在端口 4200 上提供服务 节点在端口 8080 上侦听

我所有的节点路由都以api.

这可能吗？

我是npm中配置部分的新手，我试图在使用angular-cli（ng init）创建的angular 2项目中使用handsontable库。我为它添加了打字稿定义。

这是我的app.compponent.ts

import { Component } from '@angular/core';
import 'handsontable/dist/handsontable.full.js';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
  ngOnInit() {
  }
  ngAfterViewInit() {
    const myData = [
            ["1", "2", "3", "4", "5", "6"]
        ];

        const config = {
            data: myData,
            colHeaders: ['A', 'B', 'C', 'D', 'E', 'F'],
            startRows: 5,
            startCols: 5,
            minSpareCols: 1,
            //always keep at least 1 spare row at the right
            minSpareRows: 1
            //always keep at least 1 …

从更新我的角2 CLI项目1.0.0-beta.11-webpack.2来1.0.0-beta.11-webpack.8通过ng init，并运行ng serve在以下错误的结果：

** NG Live Development Server is running on http://localhost:4200. **
 10% building modules 4/7 modules 3 active ...ode_modules/style-loader/addStyles.jsTypeError: Cannot read property 'directoryExists' of undefined
    at Object.getAutomaticTypeDirectiveNames (/home/jan/src/fm-repos/fm-ui/node_modules/typescript/lib/typescript.js:43865:17)
    at State.loadTypesFromConfig (/home/jan/src/fm-repos/fm-ui/node_modules/awesome-typescript-loader/src/host.ts:150:36)
    at new State (/home/jan/src/fm-repos/fm-ui/node_modules/awesome-typescript-loader/src/host.ts:144:14)
    at Object.ensureInstance (/home/jan/src/fm-repos/fm-ui/node_modules/awesome-typescript-loader/src/instance.ts:150:19)
    at compiler (/home/jan/src/fm-repos/fm-ui/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/home/jan/src/fm-repos/fm-ui/node_modules/awesome-typescript-loader/src/index.ts:18:18)
    at LOADER_EXECUTION (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:95:14)
    at runSyncOrAsync (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:96:4)
    at iterateNormalLoaders (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:200:2)
    at iterateNormalLoaders (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:189:10)
    at /home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:204:3
    at Object.context.callback (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:87:13)
    at Object.module.exports (/home/jan/src/fm-repos/fm-ui/node_modules/angular2-template-loader/index.js:32:10)
    at LOADER_EXECUTION (/home/jan/src/fm-repos/fm-ui/node_modules/loader-runner/lib/LoaderRunner.js:95:14)
    at runSyncOrAsync …

我试图将以下代码用于获取角度为2的窗口对象:

  @Component({
      selector: 'app-slider',
      templateUrl: './slider.component.html',
      styleUrls: ['./slider.component.css'],
      providers: [
        SliderService, 
        { provide: "windowObject", useValue: window}
      ]
    })
    export class SliderComponent implements OnInit {

      sliderList: Slider[] = [];

      constructor( private _sliderservice:SliderService, @Inject("windowObject") private _window:window ) { }

不幸的是它不起作用.

我正在使用sanitizer.bypassSecurityTrustUrl链接到页面上的blobURL.只要我没有AoT编译项目,这就可以正常工作.

import {DomSanitizer} from '@angular/platform-browser';

export class AppComponent {
  constructor(private sanitizer: DomSanitizer) {
  }

  sanitize(url: string) {
    return this.sanitizer.bypassSecurityTrustUrl(url);
  }
}

sanitize函数采用如下URL:

blob:http://localhost:4200/7c1d7221-aa0e-4d98-803d-b9be6400865b

如果我使用AoT编译,我收到此错误消息:

模块构建失败:错误:/.../src/app/app.component.ts(18,3):来自导出类的公共方法的返回类型具有或正在使用来自外部模块的名称"SafeUrl""/ .../node_modules/@ angular/platform-b​​rowser/src/security/dom_sanitization_service"但无法命名.)

我在Angular 2.1.0中使用CLI

谁知道我怎么能绕过这个问题呢？还是应该报告为错误？