问题标签 [angular-cli]

（我是 Angular2 星球上的新人（从垂死的
Flex/Actionscript 星球移民，所以请原谅这个幼稚的问题）

我是否犯了一个致命的错误，认为在我的项目上运行“ng build”命令后Angular CLi，我最终会在目录“dist”中得到一个正常运行的项目——我可以在浏览器中运行，放在服务器？

我最终得到一个文件夹，里面装满了正确命名的东西等。我在这里缺少一个步骤吗？

我正在学习 Angular 2，我正在使用 angular-cli 生成组件和服务。我正在使用 angular-cli 提出的目录结构（见下面的截图）。我需要添加一些域模型对象（例如用户、配置文件等），但我不知道将它们放在哪里。

这些对象在目录结构中的推荐位置是什么？

似乎此构建脚本正在运行，但输出的 CSS 未缩小或自动添加前缀。我正在尝试编译 SASS，然后使用 Broccoli 和 angular-cli 通过 Post CSS 运行输出。我想也许一些 ember-cli 的人也可以提供帮助。我究竟做错了什么？

构建在终端中输出：

但是 CSS 就像从 SASS 输出一样，而不是 Post CSS。

这是我的 angular-cli-build.js：

我正在尝试将 SASS 与 angular-cli 一起使用。我已经阅读了文档并发现了其他关于设置它的 SO q/a ......但它一直在构建失败。

这是我的设置：

角-cli-build.js

src/app/styles/master.scss

src/app/styles/文件夹/_variables.scss

src/app/styles/文件夹/_headers.scss

package.json（每个请求）

不幸的是，构建失败了，因为它不知道 $bg 是什么。

我错过了什么？就好像编译器不尊重忽略“_”文件名的正常行为。

我的 Angular-cli 的 angular 2 版本是 2.0.0-rc.1。我正在尝试安装angular2-grid并按照教程中描述的确切方式进行操作，但它向我展示了这个错误。

我运行了他们的演示示例，它有效，但之后我尝试使用 angular-cli 但还没有运气。工作代码将是可观的:)

我已经使用 angular2 CLI（ember cli）生成了一个打字稿项目。我正在使用 Chromium Web Developer 工具进行调试。我在开发者工具设置中选择了“启用 javascript 源映射”。我看到源视图中列出了 .js 文件和 .ts。但是，当我选择 .ts （打字稿）文件时，它们显示为空，即无法找到它们。

显示情况的屏幕打印：

如果我选择它们，我可以看到 .js 文件的文本。

.ts 文件没有复制到 dist 目录中，这对我来说似乎是个问题，但我在其他地方看到了显示典型 angular2 cli dist 结构的示例，它们也没有 .ts 文件。

我的“tsconfig.json”的相关部分显示我启用了源映射：

js.map 文件被生成并驻留在.js 文件旁边的dist目录中。

示例映射文件（部分）：

我试过：
1）将.ts文件从src复制到dist。
2) 手动编辑 app.js.map 文件的各种尝试，例如sourceRoot和sources。

不太清楚 js.map 文件中的“/”指的是什么：项目的 src 目录还是 dist 目录？如果我编辑 .js.map 文件，是否必须刷新浏览器才能继续使用它？

我认为基本问题是它在 src 目录中寻找 ts 文件，这超出了浏览器的范围（因为它位于“../src”）。

Chromium 将 ts 文件的路径显示为“ http://localhost:4202/app/cpp-scenes.ts ”。但是当我把 .ts 文件放在那里时，没有骰子。

我不知道这是 js 映射问题、Angular 2 问题、Angular2 CLI 问题还是打字稿问题。

当控制台说“blah.ts 中的第 52 行错误”时，这真的很痛苦，但我不能跳到那里并输入断点等。

有没有其他人有幸在 Angular2 CLI 项目中使用源映射？

碰巧我们这里有一个非常大的 Angular2 应用程序，最近 Angular RC1 出来了，我正在将我们的应用程序更新到那个子 npm 模块布局。在这样做的同时，我注意到从 rc1 开始，我们可以使用 bootstrapStatic 方法调用，这应该让我们摆脱 @angular/platform-b​​rowser-dynamic 和 @angular/compiler 的束缚，这将使我们节省 1 mb 的 JS 下载空间。

因此，问题是 - 有没有人可以告诉我应该如何预编译 @angular 组件以便它们可以与 bootstrapStatic 一起使用？

这不像我没有自己尝试过。我知道有一个@angular/compiler-cli，但遗憾的是它似乎与 rc1 不兼容，因为最新版本是为 rc0 编译的。

即使它会运行，我也知道如何预编译根组件，但是我应该如何处理通过 ComponentResolver.resolveComponent -> ViewContainerRef.createComponent 创建的大量组件？

我希望这个计划不是我应该创建一个单独的组件布局来引用 .ngfactory.ts 文件而不是真正的组件。

我真的希望有人能够帮助我，因为这对于证明 @angular 可以真正快速地工作以使其在这个项目中保持活力至关重要。

提前致谢！

我有Angula2 -cli项目并将其设置为站点 cli.angular.io 指南。

要开始新项目，我需要运行 cmd:ng new my-project-name 并使用一些文件和文件夹创建项目文件node_module夹。

node_module每次创建新项目时如何避免创建文件夹？

我可以只引用我 PC 中的 node.js 模块吗？

我刚刚使用Angular CLI创建了一个新的 Angular 项目，并使用以下命令在其中搭建了一个新的路由用户。

然后我使用ng serve.

但是当我访问该页面时，我看不到登录模板的内容，/login除非我添加指向某个路由的链接，即：

当我添加上面的行时，router-outlet会被填充，但是如果我去掉这行，那么router-outlet渲染就会再次为空。

这里发生了什么事？

有人知道为什么会这样吗？

示例文件

/src/app/myproj.component.ts

/src/app/myproj.component.html

和不可理解的解决方法

/src/app/+user/user.component.ts

/src/app/+user/user.component.html

我使用 angular-cli 创建了一个示例英雄应用程序（快速入门中的应用程序），它按预期工作。

npm start提出我的应用程序，按预期工作。

但是，在电子中启动应用程序似乎失败了。对于我的生活，我似乎无法弄清楚为什么电子无法找到其中包含的文件夹dist/。

即我的dist/目录有以下内容：

但是，当我开始electron dist/（其中包含index.js电子主文件）时，控制台输出以下内容：

但显然它们在vendor/目录中，因为我npm start的工作正常。

我index.js的几乎是入门的副本：