标签: angular-cli

Angular:不能使用 ng-Command

我正在尝试在 vagrant-box 中安装 angular。

npm install -g @angular/cli
Run Code Online (Sandbox Code Playgroud)

遗憾的是,当我尝试使用客户端时出现此错误:

The program 'ng' is currently not installed. You can install it by typing:
sudo apt install ng-common
Run Code Online (Sandbox Code Playgroud)

(ng-common 似乎是一个文本编辑器?)

有谁知道我怎样才能让它运行?

我尝试卸载并重新安装。

编辑:我在 vagrant-box 中运行 Ubuntu,我只在里面工作。即使我跳过了两个可选的依赖项,安装也已完成。

node.js npm angular-cli angular

2
推荐指数
1
解决办法
4502
查看次数

Angular CLI ng 新错误

我已经从https://nodejs.org/en/download安装了节点,然后我使用 NPM 通过 NPM 安装了 angular CLI

npm install -g @angular/cli
Run Code Online (Sandbox Code Playgroud)

完成后,我尝试创建一个新的角度项目

ng new new-project
Run Code Online (Sandbox Code Playgroud)

我收到以下错误

Error: You provided an invalid object where a stream was expected.
  You can provide an Observable, Promise, Array, or Iterable.
You provided an invalid object where a stream was expected.
  You can provide an Observable, Promise, Array, or Iterable.
Run Code Online (Sandbox Code Playgroud)

我试过使用 sudo (和不使用)安装 cli 并且我重新安装了节点:我总是遇到相同的错误。

我找不到任何有此问题的人的任何信息。

我正在使用 MacOS。

node.js angular-cli angular

2
推荐指数
1
解决办法
1万
查看次数

如何在 angular 5 中覆盖 ngbPopover 的 CSS?

我正在使用 ng-bootstrap 并想为弹出框内容添加自定义 CSS。我正在尝试在 app.component.css 中应用,但它没有在 popover-body 中应用。

检查这个!! 我想在这个属性中应用 CSS

angular-cli angular

2
推荐指数
1
解决办法
6445
查看次数

如果存在 linting 问题,是否可以中断 ng serve build?

如果有掉毛问题,我希望 ng serve 停止。是否可以为此目的配置 Angular cli?

提前致谢!

angular-cli angular

2
推荐指数
1
解决办法
1812
查看次数

Angular 找不到名称缓冲区

尝试使用 Jimp 执行以下代码时,我不断收到此错误。我阅读了这些问题,发现 .28 版本中存在缓冲区问题。我降级到 0.27 并且这没有帮助。我想知道这是否仍然是一个问题,或者我是否错误地导入了文件。

ERROR in node_modules/jimp/jimp.d.ts(18,24): error TS2304: Cannot find name 'Buffer'.
Run Code Online (Sandbox Code Playgroud)

我认为这可能是 .d.ts 文件的错误,因为我没有在代码中使用缓冲区。

我已经将 Jimp 的类型导入到我的开发依赖项中(npm i --save-dev @types/node),但是新版本的 Jimp 说它不需要这些它自己的类型。我还将 "types":["node"] 放入我的 tsconfig.json 文件中。

代码

import { Component, OnInit } from '@angular/core';
import * as jimp from 'jimp';

@Component({
  selector: 'app-jimp-test',
  templateUrl: './jimp-test.component.html',
  styleUrls: ['./jimp-test.component.css']
})
export class JimpTestComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    this.testJimp();
  }

  testJimp() {
    jimp.read('assets/testInput.jpg').then( (img) => {
      img.clone().blur(1).write('assets/testOutput.jpg');
    });
  }

}
Run Code Online (Sandbox Code Playgroud)

依赖关系

{
  "name": "my-playground", …
Run Code Online (Sandbox Code Playgroud)

javascript angular-cli angular

2
推荐指数
1
解决办法
8050
查看次数

将节点模块导入角度打字稿/ angularcli 的正确方法是什么

我正在将一些“遗留”(非打字稿)js 库导入我的 angular SPA。

通常我只是从 cdn 添加一个负载到 index.html 像:

<script src="//cdnjs.cloudflare.com/ajax/libs/pako/1.0.6/pako.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

在角分量中,我只是进行了 decal

declare var pako: any;
Run Code Online (Sandbox Code Playgroud)

这通常有效。现在我喜欢在本地“托管”这个库。我可以将它添加到 angular 项目中

npm install pako
Run Code Online (Sandbox Code Playgroud)

但是我如何将它添加到 angular 应用程序中?
我测试了向 polyfills.ts 添加导入(这适用于hammerjs 但不适用于 pako)

这也应该适用于 ng build(并且可能会被添加到编译/打包的 runtime.js

顺便说一句:这是一个测试 stackblitz https://stackblitz.com/edit/ng-load-pako

npm typescript angular-cli angular pako

2
推荐指数
1
解决办法
2767
查看次数

如果在特定文件夹中,Angular CLI 生成的测试将失败

我使用 angular CLI (v6.1.4) 通过运行在我的 components 文件夹中生成了一个组件,ng g c components/foo然后运行ng test. 新组件的测试失败并出现以下错误:

async() 测试助手需要区域但找不到。请确保您的环境包括 zone.js/dist/zone.js 抛出

错误:非法状态:无法加载指令 FooComponent 的摘要。

奇怪的是,如果我运行ng g c foo(即它不在 components 文件夹中生成),则测试通过。我的测试都适用于其他文件夹,但这是我的 components 文件夹中的第一个测试(也是一个组件的第一个测试)。其他测试都不是异步的。

我是新手,ng test所以我可能会遗漏一些非常明显的东西。我没想到需要设置任何东西zone.js来运行默认测试。我应该在哪里配置它?还是我在这里遗漏了其他东西,也许是我的components文件夹特有的东西?

typescript zonejs angular-cli angular angular-cli-v6

2
推荐指数
1
解决办法
2584
查看次数

Npm install angular/cli 错误 EPERM 不允许操作

4399 错误错误:EPERM:不允许操作,取消链接 'C:\Users\deven\AppData\Roaming\npm\node_modules.staging\tmp-5fcc012e\README.md' 4399 错误 { 错误:EPERM:不允许操作,取消链接 ' C:\Users\deven\AppData\Roaming\npm\node_modules.staging\tmp-5fcc012e\README.md' 4399 错误原因:4399 error { Error: EPERM: operation not allowed, unlink 'C:\Users\deven\AppData \Roaming\npm\node_modules.staging\tmp-5fcc012e\README.md' 4399 error errno: -4048, 4399 error code: 'EPERM', 4399 error syscall: 'unlink', 4399 error path: 'C:\Users\ dev\AppData\Roaming\npm\node_modules\.staging\tmp-5fcc012e\README.md'},4399 错误堆栈:'错误:EPERM:操作不允许,取消链接 \'C:\Users\deven\AppData\Roaming\ npm\node_modules\.staging\tmp-5fcc012e\README.md\'', 4399 错误 errno: -4048, 4399 错误代码: 'EPERM', 4399 错误
系统调用:'unlink',4399 错误路径:'C:\Users\deven\AppData\Roaming\npm\node_modules\.staging\tmp-5fcc012e\README.md',4399 错误父级:'@angular/cli'} 4400错误 该操作被您的操作系统拒绝。4400 错误 文件可能已在使用中(由文本编辑器或防病毒软件)、4400 错误或您没有访问它的权限。4400 错误 4400 错误 如果您认为这可能是权限问题,请仔细检查文件及其包含目录的 4400 错误权限,或尝试以 root/管理员身份再次运行 4400 错误命令(尽管不推荐这样做)。4401 详细退出 [ -4048, true ]

node.js angular-cli

2
推荐指数
1
解决办法
1万
查看次数

如何在 Angular-CLI 库中捆绑/包含依赖项

我在捆绑依赖项时遇到问题。

我的库包是 @angular/material 组件的包装器。

我很惊讶地发现在我安装库包的任何地方都要求安装 @angular/material 或者我得到一个错误。

必须有更好的方法来做到这一点吗?我希望我的包是独立的,并且在安装时“包含”角度/材料。

我读到将以下内容添加到库的 package.json

 "bundledDependencies": [
    "@angular/material"
  ]
Run Code Online (Sandbox Code Playgroud)

应该解决这个问题,但它似乎没有用,或者至少必须有另一个步骤,因为然后我在安装我的包时看到这个错误:

缺少捆绑的依赖项“@angular/material”。这应该报告给包维护者。

这个错误确实让我听起来好像我只是错过了一些东西,这将按我的预期工作。我错过了什么?

我无法找到有关该错误的任何信息。

我们想强制安装依赖项以保持我们的库“模块化”和自包含。换句话说,我们只想安装我们的库并自动获取它需要的所有依赖项。

我们不想依赖来自 peerDependencies 的警告消息。

似乎这必须是一种可能的模式,任何人都可以解释 bundledDependencies 的观点

npm angular-material angular-cli angular

2
推荐指数
1
解决办法
4672
查看次数

在生产中禁用 console.log()

我已经运行以下命令来禁用我的 angular 应用程序中生产环境的控制台日志。下面的代码在 chrome 上按预期工作,但是,它仍然在 IE 11 中显示日志。

主文件

if (environment.production) {
  enableProdMode();
if(window){
  window.console.log=function(){};
 }
}
Run Code Online (Sandbox Code Playgroud)

这是一个polyfill问题吗?我无法在网上找到任何关于它的信息。

编辑

这个问题可能看起来很相似,但没有解决我的问题,即为什么将控制台日志功能覆盖为空白方法在 chrome 中有效,但在 IE 11 中无效。

internet-explorer typescript angular-cli angular5

2
推荐指数
2
解决办法
6819
查看次数