问题标签 [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 回答
1992 浏览

css - 使用 Angular cli 从 node_modules 文件夹添加 CSS

我已经用 npm 安装了一个新库,到目前为止一切都很好。现在我想将其中的 css 导入我的项目,显然我不应该直接链接到该node_modules文件夹​​。那么,是否有一个简单的方法可以将其导入我的项目?我正在使用 Angular CLI。

我有一个想法,但我不确定这是否是个好主意——我考虑过安装 gulp/grunt,然后需要那里的样式并将其输出vendor.css到我的项目中。甚至可能吗?

0 投票
1 回答
149 浏览

angular-cli - 可以在其他项目中使用 angular-cli 吗?

我想在现有的 angular2 项目中使用 angular-cli 并使用它来生成组件等。实现这一点需要什么配置?我认为包括angular-cli.json就足够了。有小费吗?

0 投票
1 回答
1284 浏览

typescript - 有没有办法在项目的类中获取构建和版本号

我有一个使用 algular-cli 创建和维护的项目。我想在版本号(可能来自 package.json)和递增的内部版本号(每次我这样做ng build或每次这样做)的项目类中都有一个可访问的值ng serve。我怎样才能做到这一点?提前致谢。

0 投票
1 回答
638 浏览

javascript - 扩展 angular-cli 构建过程

我想知道如何扩展 angular-cli 构建过程。

我想/dist在 cli 完成工作后向文件夹添加额外的 JSON 文件。我看不到在angular-cli-build.js.

我试过:

问题是 clidist在启动之前擦除文件夹,因此我创建的文件被删除。

那么如何在不破解 cli 的情况下正确扩展构建过程?

0 投票
1 回答
2179 浏览

angular - Angular 2 应用程序构建中的大型 main.js 文件

我使用angular-cli@0.0.39. 它是简单 angular 1 应用程序的转换。问题是main.js文件大小超过 800KB。我看到该文件包含(可能)所有 angular 2 模块。

我是按ng build --environment=production命令建造的。

我是否遗漏了某些内容或文件大小正确?

0 投票
1 回答
460 浏览

angular - Angular2创建新应用程序挂起

我在使用 cmd 创建新应用程序期间出现了一个问题:

我之前做的:

  1. 安装 npm -g 安装 angular-cli
  2. 安装 npm -g install typings -> 这不应该是 nescesaire!
  3. 经过几次失败的尝试后,我也尝试了: npm cache clean 然后重试

版本:

  • Windows 7的
  • 节点 4.4.5
  • 角-cli 1.0.0 beta6

所以程序在舞台上保持了相当长的一段时间(7分钟左右......),如图所示。

有没有人现在如何解决这个问题?

创建新应用程序时cmd中的问题:

在此处输入图像描述

0 投票
2 回答
982 浏览

angular - PrimeNG Schedule 未显示的事件无法读取 null 的属性 scrollTop

我正在尝试使用 PrimeNG 的 Schedule 组件为用户显示日历事件。日历显示,但是当 Fullcalendar 尝试呈现事件时,它返回错误:
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
事件应该是正确的格式,因为这个项目只是从已经使用 Fullcalendar 的 angular1 版本重构。下面我包含了 html、配置选项和试图显示的事件的模拟。



事实证明,无论我包含什么选项,fullcalendar 总是给出相同的错误。我什至尝试加载没有选项的计划模板,但仍然有同样的错误。这似乎表明我包含 Schedule 和 fullcalendar 的方式不正确。我通过 npm install --save 包含了primeng 和 moment,然后通过 html cdns 包含了 fullcalendar。我按照此处显示的实施更改 来启动并运行计划。然后,我将 Schedule 添加为我当前组件的提供者和指令。Schedule 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。

0 投票
1 回答
2155 浏览

angularjs - 扩展 Angular CLI 任务

我正在尝试扩展默认的 Angular CLI 任务,但遇到了一些障碍。在这一点上,我正在尝试扩展它以添加两个额外的任务:

  • 添加额外的 linting 以支持 CSS linting 的 stylelint
  • 添加对doiuse的支持,确保所有编写的样式都支持我们需要支持的浏览器

到目前为止,我已经尝试了一些东西,但是它们似乎都不起作用。我还查看了material-2 angular-cli-build.js文件,并且已经能够让 doiuse 在它的修改版本中工作,但是它仍然存在问题,并且在发现无效时无法正确捕获错误CSS。

有没有人有任何运气或可以建议扩展 Angular CLI 任务的任何提示?

0 投票
3 回答
18100 浏览

typescript - index.ts 中导出的自动排序导致应用崩溃

每次我在我的共享文件夹中生成某些内容时,都会重建 index.ts 文件,并且导出按字母顺序排列。这似乎打破了对我的依赖。手动更改顺序,以便在具有依赖项的类之前导出依赖项,使其再次工作。

如果我们有app/shared/auth.guard.ts

app/shared/account.service.ts

这不起作用:

Unhandled Promise rejection: Error: Cannot resolve all parameters for 'AuthGuard'(undefined, Router). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'AuthGuard' is decorated with Injectable.

这有效:

据我所知,这并不适用于所有人。例如,我的用户模型可以在身份验证服务后导出,并且工作正常。

我希望我不必每次都手动更改它。有可用的解决方法吗?我可以用不同的方式构造文件吗?

依赖项来自package.json

开发依赖:

0 投票
3 回答
18910 浏览

angular - 如何进入公共目录

我在我的项目中使用angular-cli,并且我想使用全局图像 - 我的网站徽标图像。

据我了解,public项目根目录(angular-cli创建的)用于公共资产 - 这似乎是放置我的图像的好地方(如果我错了,请纠正我)。

但是,当我尝试在我的<img src="/public/book4u-logo.svg" />标签中访问该图像时,我得到 404。原因当然是我的项目根目录是src目录而不是项目根目录。

那么,我应该如何进入该目录?或者我应该将我的图像放在另一个目录中吗?

我的项目树(我删除了不必要的 suff):

img标签是 at并且/src/app/bfy.component.html图像本身是 at /public/book4u-logo.svg