Questions tagged «angular-cli»

Angular CLI是用于构建，管理和部署Angular（2+版）应用程序的命令行界面。

7
Angular Karma Jasmine错误：非法状态：无法加载指令摘要
我正在开发github存储库（使用angular 7和angular-cli），并且在master分支中使用Karma和Jasmine进行了一些测试。 现在，我正在尝试添加延迟加载功能，事实是，在通过测试之前，现在还没有。这很有趣，因为只有延迟加载模块中的测试失败了... 这是代码和错误： import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} from '../../app.module'; import {HeroDetailComponent} from './hero-detail.component'; describe('HeroDetailComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [AppModule ], providers: [ {provide: APP_BASE_HREF, useValue: '/'} ], }).compileComponents(); })); it('should create hero detail component', (() => { const …
4
Angular CLI-如何在ng服务时禁用自动重新加载
在使用Angular cli服务我的应用程序时，如何禁用自动重装？ ng --help提到了该--live-reload选项，但我无法使其起作用。 ng serve --live-reload=false还是ng serve --live-reload false不工作 编辑：这似乎是一个错误https://github.com/angular/angular-cli/issues/1755
17
如何摆脱警告.ts文件是TypeScript编译的一部分，但未使用
我只是将角度更新为最新9.0.0-next.4。我没有使用路由，但是更新后突然看到此警告。我如何删除此警告 警告src/war/angular/src/app/app-routing.module.ts是TypeScript编译的一部分，但尚未使用。仅将入口点添加到tsconfig中的“文件”或“包含”属性。 package.json "dependencies": { "@angular/animations": "^9.0.0-next.4", "@angular/cdk": "^8.1.4", "@angular/common": "^9.0.0-next.4", "@angular/compiler": "^9.0.0-next.4", "@angular/core": "^9.0.0-next.4", "@angular/forms": "^9.0.0-next.4", "@angular/material": "^8.1.4", "@angular/platform-browser": "^9.0.0-next.4", "@angular/platform-browser-dynamic": "^9.0.0-next.4", "@angular/router": "^9.0.0-next.4", "@ng-bootstrap/ng-bootstrap": "^5.1.0", "bootstrap": "^4.3.1", "hammerjs": "^2.0.8", "moment": "^2.24.0", "ng-image-slider": "^2.0.1", "panzoom": "^8.1.2", "rxjs": "~6.5.2", "tslib": "^1.9.0", "zone.js": "^0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "^0.803.2", "@angular/cli": "^8.3.2", …
3
angular-cli工具的--base-href和--deploy-url参数之间有什么区别
Angular的文档通知我--base-href，当要将其部署在服务器的子文件夹中时，应该在生产的Angular应用程序构建中使用参数： 如果将文件复制到服务器子文件夹中，请附加构建标记， --base-href并进行<base href>适当设置。 例如，如果位于index.html服务器上的/my/app/index.html，则将基本href设置为<base href="https://stackoverflow.com/my/app/">这样。 https://angular.io/guide/deployment 但是，angular-cli具有--deploy-url参数。该工具的文档将其描述为： 将在其中部署文件的URL。 https://github.com/angular/angular-cli/wiki/build 我已经看到了使用的解决方案--deploy-urlinsted的的--base-href应用程序时，将在服务器的子文件夹进行部署。 问题 angular-cli工具--base-href和--deploy-url参数有什么区别？我什么时候应该使用每个？
5
角度编译器“编译”什么？
今天有人问我，我无法给出适当的答案。 Typescript转换为JS。然后是摇晃的树，“较少”（可选）以及进行部署的过程。但是，那样的东西（afaik）与“编译”没有任何关系。一切都捆绑在一起并进行了严格的优化，但是实际上并没有被编译，对吗？ 甚至还有一个“提前”编译器，它确实可以做得很出色。我想念什么？ JavaScript本身仍在解释，对吗？
6
Angular如何构建和运行
只想了解Angular如何在后台构建和运行？ 以下是我到目前为止所了解的。想知道我是否错过了什么。 Angular如何构建 使用TypeScript对Angular应用程序进行编码后，我们使用Angular CLI命令来构建应用程序。 ng build命令将应用程序编译到输出目录中，并且构建工件将存储在该dist/目录中。 内部流程 1. Angular CLI运行Webpack来构建和捆绑所有JavaScript和CSS代码。 2. 反过来，Webpack调用TypeScript加载程序，该加载程序会提取.tsAngular项目中的所有文件，然后将它们转换为JavaScript，即转换为.js浏览器可以理解的文件。 这篇文章说Angular有两个编译器： 查看编译器 模块编译器 有关构建的问题 调用构建过程的顺序是什么？ Angular CLI首先调用以TypeScript =>编写的Angular内置编译器，然后调用TypeScript Transpiler =>，然后调用Webpack进行捆绑并存储在dist/目录中。 Angular如何运行 构建完成后，我们所有应用程序的组件，服务，模块等都将转换为JavaScript .js文件，该文件用于在浏览器中运行Angular应用程序。 Angular Docs中的语句 当您使用AppComponent类进行引导时（在main.ts中），Angular<app-root>在中index.html查找，找到它，实例化AppComponent实例，并将其呈现在<app-root>标记中。 当用户在应用程序中移动时，Angular会创建，更新和销毁组件。 跑步问题 尽管main.ts在上面的语句中使用它来解释引导过程，但是Angular应用程序不是使用JavaScript.js文件引导或启动的吗？ 难道上述所有语句不是使用JavaScript.js文件在运行时完成的吗？ 有谁知道所有零件在深度上如何装配在一起？
1
Angular Service Worker-无法加载资源：服务器响应状态为504（网关超时）
我在我们的应用程序中使用Angular-CLI 1.6.6和。除了在我们的生产环境中弹出一条错误消息外，一切都可以在本地lite服务器和生产服务器上正常运行：@angular/service-worker 5.2.5Angular 5.2.5 加载资源失败：服务器响应状态为504（网关超时） 查看ngsw-worker.js脚本，我发现生成上面错误消息的行（以下是2466）： async safeFetch(req) { try { return await this.scope.fetch(req); } catch (err) { this.debugger.log(err, `Driver.fetch(${req.url})`); return this.adapter.newResponse(null, { status: 504, statusText: 'Gateway Timeout', }); } } 捕获中的控制台日志错误er发出以下错误： TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode at Driver.safeFetch (ngsw-worker.js:2464) …
7
储存库不干净。在Angular 8中进行更新之前，请提交或存储任何更改
错误 储存库不干净。请提交或存储任何更改，然后再进行更新 当我从版本7更新到Angular 8时。 Angular升级指南https://update.angular.io/#7.0:8.0 D:\app-test> ng update @angular/cli @angular/core npm cache verify 储存库不干净。请在更新之前提交或存储任何更改。 更新版本 PS D:\app-test> ng update Using package manager: 'npm' Collecting installed dependencies... Found 58 dependencies. We analyzed your package.json, there are some packages to update: Name Version Command to update -------------------------------------------------------------------------------- @angular/cdk 7.2.2 -> 8.0.1 ng …
5
Angular Cli Webpack，如何添加或捆绑外部js文件？
在将Angular Cli从SystemJs切换到Webpack之后，我不确定如何包括JS文件（供应商）。 例如 选项A 我有一些通过npm安装的js文件。这样无法将脚本标签添加到head标签。似乎也不是最好的方法。 <head> <script src="node_modules/some_package/somejs.js"> </head> //With systemJs I could do this <head> <script src="vendor/some_package/somejs.js"> </head> 选项B 将这些js文件作为webpack捆绑包的一部分包含在内。这似乎是应该完成的方式。但是我不确定如何执行此操作，因为所有webpack代码似乎都隐藏在angular-cli-webpack节点包的后面。我在想，也许还有另一个我们可以访问的webpack配置。但是我不确定，因为在创建新的angular-cli-webpack项目时没有看到一个。 更多信息： 我要包含的js文件需要包含在Angular项目之前。例如，jQuery和第三方js库，它们实际上并未为模块加载或打字稿设置。 参考 https://github.com/angular/angular-cli/blob/master/WEBPACK_UPDATE.md https://github.com/angular/angular-cli/tree/webpack
13
如何在Angular 8应用程序中支持Internet Explorer？
当我使用Angular CLI（8.0.0）生成项目时，运行ng serve，在Internet Explorer中打开应用程序，然后出现空白屏幕。 我看了看polyfills.ts文件，并取消了以下几行的注释： import 'classlist.js'; import 'web-animations-js'; 我还删除了所有core.js导入，因为Angular 8直接支持core.js 3.0。 我也跑了npm i。 package.json： "dependencies": { "@angular/animations": "~8.0.0", "@angular/common": "~8.0.0", "@angular/compiler": "~8.0.0", "@angular/core": "~8.0.0", "@angular/forms": "~8.0.0", "@angular/platform-browser": "~8.0.0", "@angular/platform-browser-dynamic": "~8.0.0", "@angular/router": "~8.0.0", "classlist.js": "^1.1.20150312", "rxjs": "~6.4.0", "tslib": "^1.9.0", "web-animations-js": "^2.3.1", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.800.0", "@angular/cli": "~8.0.0", …
4
如何处理在Angular CLI中安装对等项依赖关系？
尝试更新Angular CLI和NPM时，我陷入了几乎无休止的错误循环。每次更新时，都会遇到WARN消息，告诉我安装对等依赖项（请参阅下文），但是每次安装依赖项时，都会遇到更多的WARN消息。有没有更好的方法来处理这种情况，或者它是否需要花费数小时？ npm WARN @angular/animations@5.2.1 requires a peer of @angular/core@5.2.1 but none is installed. You must install peer dependencies yourself. npm WARN @angular/compiler-cli@5.1.0 requires a peer of typescript@>=2.4.2 <2.6 but none is installed. You must install peer dependencies yourself. npm WARN @ng-bootstrap/ng-bootstrap@1.0.0-beta.6 requires a peer of @angular/core@^4.0.3 but none is …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.