问题标签 [angular2-cli]

在发布 Angular CLI 之后，我决定使用 Angular CLI，但从一开始就导致了一些尚未清除的混乱，所以希望这里的某个地方帮助我：-

1. 在index.html我发现了一些惊人的角度插值语法，这些在我们的应用程序中的作用是什么？

语法如 -

2. 当我运行命令时ng g component demo，它以完美的方式创建组件，但是在创建找到一个index.ts为每个组件命名的文件之后，index.ts这里的作用是什么？

3. 在 CLI 之前，我使用gulp任务来执行编译（*.ts 到 *.js），在 CLI 中如何以及在何处执行这些操作？

4. 文件的作用是angular-cli.json什么？

任何帮助都会得到帮助，谢谢。

我想在使用 angular-cli 构建的 angular2 项目中包含 underscore.js 。到目前为止，我无法这样做。到目前为止我尝试过：

1- npm 安装下划线 --save

2- tsd 安装下划线

3- 脚本 src="node_modules/underscore/underscore.js" ，参考 index.html

4- 内部 system-config.js

5-从'下划线'导入*作为_；

但是 underscore.js 在运行时没有被复制到 'dist' 目录中，并且浏览器抱怨没有找到 underscore.js。我想我在第 4 点遗漏了一些东西。非常感谢任何帮助，因为我开始学习 angular2。请记住，这个项目是由 angular-cli 制作的，而不是由任何其他种子项目制作的。除了 Underscore.js，项目运行良好。

[编辑] package.json 在依赖项中有 "下划线": "^1.8.3"

我正在使用 Angular 2 和 CLI。

由于没有关于https://github.com/angular/angular-cli的信息

关于桶的含义与我在这里问的 angular 2 CLI 工具相结合...

到目前为止，我的 angular 2 应用程序工作正常，这意味着我在运行时没有出错。但我担心迟早会改变，因为我可能无法正确使用 angular 2 CLI。这意味着我并不总是使用ng generate component my-new-component来创建组件。当我使用它时，我会删除每个组件的 create index.ts，因为我认为我不需要它。

所以我在这里有3个问题：

1. 什么是桶？一份文件？文件夹？一批组件？
2. 什么意思：这里有硬编码“索引”的主要属性？cliSystemConfigPackages[barrelName] = { main: 'index' };
3. 当下面的配置由 CLI 管理时，如果我不使用 CLI 会发生什么？

这是system.config.ts的一部分

I created a new project with the Angular2 CLI, and also added a route called item. Now I try to reach the html page by calling the url http://localhost:4200/item

but it only displays the standard: app is working! text, instead off the content of the item page. I also tried http://localhost:4200/#item Same result.

I did not change any code, except in the item.component.html.

Any idea what I am doing wrong, should I maybe not use the CLI while it is in alpha ?

Thanks

我正在使用Angular2-cli创建两个应用程序：MyFirstApp& MySecondApp。我希望MySecondApp导入MyFirstApp，以便我可以重用指令/服务/组件。当我 importMyFirstApp时，出现以下编译错误：Cannot find module 'MyFirstApp'.

以下是如何重现：

修改src/app/my-second-app.component.ts为如下所示：

我尝试了许多版本的import { MyFirstAppService } from 'MyFirstApp';(ie import { MyFirstAppServiceService } from './../../node_modules/my-first-app/src/app/my-first-app-service.service'; & co) 并玩了system-config.ts(使用this和this ) 没有任何运气。我总是有一个Cannot find module 'MyFirstApp'.

有什么建议么 ？

编辑：通过如下调整system-config.ts（第 1 到 14 行）：

我能做到import { MyFirstAppServiceService } from 'my-first-app/src/app/my-first-app-service.service';。.../dist/...不起作用。但这似乎不是正确的方法……难道不应该这样做import { MyFirstAppServiceService } from 'my-first-app/my-first-app-service.service'吗？

请注意，生成的vendors/my-first-app/目录不包含MyFirstApp

谢谢。

当我使用 angular 2 cli 生成组件时：

ng g 组件“测试”它创建一个文件夹：

什么是共享文件夹？我的意思是我假设在 html 和 css 文件之间共享什么？或者在 test.component.ts 和 test.component.css 之间？

为每个组件创建一个共享文件夹对我来说毫无意义。

谁能给我解释一下？！

这两天我在 GitHub 和 Stack Overflow 上搜索了几十个问题和答案。我还没有找到解决办法。希望这里有人可以帮助我！

我已经让 PouchDB 在开发模式下工作，使用ng serveand ng build，但是，当我尝试为生产构建时， usingng build --prod遇到错误：

...

错误：无法计算捆绑文件的规范名称：///home/josiah/Projects/www/projectname/vendor/pouchdb/dist/pouchdb.js。确保此模块位于 baseURL 或通配符路径配置中。

...

我当前生成的 Angular2 Clisystem-config.ts包含：

和

在angular-cli-build.json我添加了'pouchdb/dist/*.+(js|js.map)',.

我PouchDB在我的项目中使用这个导入：import * as PouchDB from 'pouchdb';

欢迎任何想法或建议！谢谢！

I made a small project using angular CLI but i don't know how to declare default route in CLI. I used '/' for parent component and it works but if i use '/' for child component it does not work.

My parent.component.ts is:

parent.component.html is:

child.component.ts is:

child.component.html is:

This method works with parent and child both but i want a route with another path e.g. "/dashboard" as default. Is there any way to define default route in child component.

更新：

好的，它 seccussfully 安装了“npm install -g angular-cli”，但现在我收到了新错误：“您不能在 angular-cli 项目中使用新命令。” 同时尝试做：“ng new ang2pro”用于制作新项目。

原帖：

昨天它工作得很好，现在即使在重新安装 nodejs 后我也会收到以下错误：

（cmd以管理员权限打开）

When i do ng build i have a set of files in my /dist/vendor folder.

But when a file change is detected with the magic scripts that reload the browser page, and some other magic that they do, my dist/vendor folder gets "screwed" somehow. Look:

This is my angular-cli-build.js that should be responsible for this, but i don't see how:

This is the package.json:

This is messing up my 3-rd party libraries. Why is this happening?