问题标签 [angular-cli]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1228 浏览

typescript - 导入打字稿定义

我正在使用Angular-CLI创建一个 Web 应用程序,但在导入facebook 类型定义时遇到了问题。具体来说,他们声明:

在我的应用程序 src 目录中,我有app/services/facebook/facebook.ts这个:

我创建的新类型目录中的 facebook 定义:app/types/fbsdk.d.ts. 我在编译时得到的错误是:

我尝试了其他一些东西,但没有找到任何工作。


编辑

我得到了 Visual Studio Code 来识别类型和编译工作,但是当应用程序重新加载时,它尝试访问/FB它会给出 404 错误,因为它不存在。我创建的所有模块都在打字稿文件所在的相对目录中访问,例如 Facebook 模块是从/app/services/facebook/facebook.js

0 投票
0 回答
187 浏览

angular - Angular 2 或 Angular 2 CLI 是否拥有(或计划拥有)类似于 Ember CLI 的插件系统?

我不确定它是否在某处的任何文档中被指定或隐晦地提及,但 Angular 2 或 Angular 2 CLI 是否拥有或计划拥有类似于 Ember CLI 的插件系统?

我很好奇可以将可共享的 Angular 2 组件、Angular 1/2 指令、服务等的想法导入到您的 Angular 2 应用程序中。

0 投票
4 回答
38978 浏览

npm - 找不到模块“glob”

告诉我您需要哪些额外信息

我按照一个简单的指南来激活我的第一个 angular 2 应用程序,并在 clr 上执行了以下操作:

任何关于“ng new ponyracer”和“ng serve”命令的解释都会很棒。

谢谢,斯塔夫

0 投票
1 回答
169 浏览

terminal - 我的 Angular2 网站没有使用 Angular2-cli 更新

我在 angular2 中构建小应用程序,并尝试使用 webstorm 修改文件以查看它是否在我的浏览器中更新。

我做了以下事情,到目前为止没有任何错误:

在这个文件中,我将“PonyRacer4566”更改为“dshbhs”但是浏览器中没有任何更新。

0 投票
2 回答
16064 浏览

angular - 使用 angular-cli 时如何添加第三方库?

我想尝试使用 angular-cli ( https://github.com/angular/angular-cli ) 创建一个 Angular 2 应用程序,然后使用 ng2-material ( https://github.com/justindujardin/ng2-material )用于 UI 组件。但我只是不明白我必须如何/在哪里包含 ng2-material 库才能使用它。

我创建了一个项目,ng new myproject然后我启动了服务器ng serve并打开了运行良好的网页。下一步,我用npm install ng2-material --save. 然后我添加MATERIAL_PROVIDERS到 Angular 的引导程序中,如下所示https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.ts

这导致网络浏览器中出现错误消息GET http://localhost:4200/ng2-material/all 404 (Not Found),我只是不知道如何摆脱它。

angular-cli 似乎正在做一些事情来创建一个dist-folder,其中 index.html 中使用的一些节点模块最终位于其中,但我看不到它的配置位置或方式。

0 投票
2 回答
6072 浏览

angular - 如何让 angular 2 cli 将 css 和其他必要文件复制到 dist 文件夹

我已经设置了一个 angular 2 typescript 解决方案并添加了材料 angular 2 npm 包。

一切都很好地从我的脚手架源文件夹复制到 dist 文件夹。

然后我添加 angular 2 材质 npm 包:

但是我从这里做什么?如何告诉构建命令将必要的文件从 node_modules 复制到 dist 文件夹。

确保这些文件被复制到 dist/vendor 文件夹的魔法在哪里?

我的包文件最终看起来像这样: https ://gist.github.com/nikolaj-kaplan/e85d5805fd67c3ba3f1f

我希望我的困惑来自对 npm 缺乏了解。而不是角度cli。(因为更多的人将能够帮助我)。但我在这两个方面都没有太多经验。

编辑:

我确实喜欢这样: https ://stackoverflow.com/a/35900837/564623

现在我的文件被复制了。仍然不明白 dist 文件夹中的其他文件是如何被复制的。vendorNpmFiles 数组为空。

0 投票
18 回答
213559 浏览

angular - Angular CLI SASS 选项

我是 Angular 的新手,我来自 Ember 社区。尝试使用基于 Ember-CLI 的新 Angular-CLI。

我需要知道在新的 Angular 项目中处理 SASS 的最佳方法。ember-cli-sass由于 Angular-CLI 的许多核心组件是从 Ember-CLI 模块中运行的,因此我尝试使用该repo 来查看它是否可以发挥作用。

它没有用,但再次不确定我是否配置错误。

此外,在新的 Angular 项目中组织样式的最佳方式是什么?将 sass 文件与组件放在同一文件夹中会很好。

0 投票
1 回答
1183 浏览

angularjs - Angular2 cli 生成“错误:尝试将新条目添加到已经存在的条目”

我使用Angular2 Cli作为我的 Angular 2 应用程序的运行时环境。它的架构、一流的开发工具和整体的深思熟虑(因为没有更好的词) 给我留下了深刻的印象。

但是,大约每五次保存(构建)我的服务器就会生成错误消息:

然后我必须终止该进程并重新启动它以解决问题。

以下是全文:

我似乎只在出现编码错误时才遇到问题,但这并不是说编码错误与此消息之间存在 1-1 对应关系——我生成的大多数编码错误都不会生成此消息。

一旦我收到错误,服务器似乎会进入阻塞状态,无论我做什么,包括修复编码问题,都会使问题消失。只有当我循环服务器时它才会消失。
不得不继续检查这种情况并循环服务器来解决这个问题变得非常乏味,这需要大约 6 秒。

我可以发布我的代码,但我没有看到代码和收到此消息之间的任何押韵或原因,所以我认为这不会有帮助,即我认为这是一个环境问题而不是编码问题。我尝试删除错误消息中列出的 tmp 目录,但这不起作用。

我像这样启动我的服务器:

注意:我一直在以 sudo 运行服务器,因为我要么遇到权限问题,要么在某处读到它以 sudo 运行得更快(最后一个可能只在 Windows 上是真的),但我不认为以 sudo 运行与我的问题有关。

这是我的 package.json:

谁能告诉我我做错了什么,或者我能做些什么来防止这种情况发生?

非常感谢。

0 投票
1 回答
140 浏览

typescript - 如何在 Angular2 的 App 类中访问 RouteParams

我有一个使用 CLI 创建的 Angular2 应用程序,我需要在不同模式下运行。这些模式需要在查询字符串上传递,因为页面将托管在 IFrame 中。

根据我的阅读,我在访问顶级应用程序中的 RouteParams 时出现问题,因为它们仅在路由组件中可用。

目前,我通过访问 javascript location.search 对象来实现我想要的,但如果可能的话,我更愿意以正确的依赖注入方式执行此操作,以便我可以正确测试。

有人可以告诉我访问参数的正确方法。

0 投票
1 回答
272 浏览

angularjs - Angular CLI - Karma test build not finding ng2-material

I'm building out a new Angular 2 app with the Alpha Angular-CLI. I'm also using the ng2-material library. In order to even get it to work I had to do the following:

It works fine in the app itself. However, when I run ng test I get the following error:

START:

13 04 2016 14:55:36.982:WARN [web-server]: 404: /ng2-material/all

Chrome 49.0.2623 (Mac OS X 10.11.3) ERROR

Error: XHR error (404 Not Found) loading http://localhost:9876/ng2-material/all

13 04 2016 14:55:37.058:WARN [web-server]: 404: /ng2-material/all

What am I missing?