标签: angular-cli

每当我尝试运行ng serve命令时都会出现以下错误。以下是错误详细信息。

node_modules/@types/lodash/common/collection.d.ts(1783,24) 中的错误：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/collection.d.ts(1805,46)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/collection.d.ts(1827,46)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(818,12)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(827,12)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(837,12)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(848,12)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(853,45)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(870,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(878,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(887,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(897,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(902,43)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(916,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(924,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(933,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(943,34)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(948,43)：错误 TS2304：找不到名称“NonNullable”。node_modules/@types/lodash/common/object.d.ts(1689,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1706,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1723,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1740,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1817,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1841,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1865,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1874,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1898,12)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1974,34)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(1998,34)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(2022,34)：错误 TS2304：找不到名称“排除”。node_modules/@types/lodash/common/object.d.ts(2046,34)：错误 TS2304：找不到名称“排除”。src/app/dashboard/dashboard.component.ts(5,21)：错误 TS2307：找不到模块“chart.js/src/chart.js”。

下面是我的 package.json 文件

{
    "name": "TestApplication",
    "version": "0.0.0",
    "license": "MIT",
    "angular-cli": {},
    "scripts": {
        "ng": "ng",
        "start": "ng serve --host 0.0.0.0 --port 4200",
        "hmr": "ng serve --host 0.0.0.0 --port 4200 4201 --hmr -e=hmr",
        "test": "ng test",
        "pree2e": "webdriver-manager update --standalone false --gecko …

我正在使用 Angular CLI 9.1.1，但需要使用 Angular 8 创建一个项目。
我还有其他使用 Angular 9 的项目，所以我不想全局安装 Angular 8 CLI。

是否有任何选项可以使用 Angular CLI 9 创建 Angular 8 项目？

我想使用buildDefaultPath通常可用的方法来'@schematics/angular/utility/project'编写 Angular 原理图。

我安装了该软件包并npm i @schematics/angular尝试像这样导入它：import { buildDefaultPath } from '@schematics/angular/utility/project';。

但是，我得到“找不到模块‘@schematics/angular/utility/project’的声明文件。”

我是角度新手。

执行后ng add ngx-spinner，我遇到了这个错误：

错误（ngx-spinner）：

您尝试添加的包不支持原理图。您可以尝试使用不同版本的包或联系包作者以添加 ng-add 支持。

我怎么解决这个问题？（如何手动添加模块？）

ng serve 响应：发生未处理的异常：无法找到模块“@angular-devkit/build-angular/package.json”需要堆栈：

我试过 npm install --save-dev @angular-devkit/build-angular

回复：

npm WARN reify please re-try this operation once it completes
npm WARN reify so that the damage can be corrected, or perform
npm WARN reify a fresh install with no lockfile if the problem persists.
npm WARN reify invalid or damaged lockfile detected
npm WARN reify please re-try this operation once it completes
npm WARN reify so that the damage can be corrected, or perform
npm WARN reify a fresh install …

我在运行 ng new 命令时出错

无法解析依赖关系：来自 karma-jasmine-html-reporter@1.6.0 的错误 peer jasmine-core@">=3.7.1"

silly fetch manifest jasmine-core@>=3.7.1
83 timing idealTree Completed in 8839ms
84 timing command:install Completed in 8849ms
85 verbose stack Error: unable to resolve dependency tree
85 verbose stack     at Arborist.[failPeerConflict] (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1141:25)
85 verbose stack     at Arborist.[loadPeerSet] (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1118:34)
85 verbose stack     at async Arborist.[buildDepStep] (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:836:11)
85 verbose stack     at async Arborist.buildIdealTree (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:209:7)
85 verbose stack     at async Promise.all (index 1)
85 verbose stack     at async Arborist.reify (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\reify.js:130:5) …

当我进行正常构建时：

构建

我得到文件：

Initial Chunk Files           | Names         |      Size    
main.67a03e810140e0bd.js      | main          | 132.08 kB    
polyfills.881fa69e872290d9.js | polyfills     |  36.19 kB    
runtime.3b2ac8c1adcf7f83.js   | runtime       |   1.04 kB
styles.ef46db3751d8e999.css   | styles        |   0 bytes

如何删除“.67a03e810140e0bd”。ETC ？

附言。如果有的话，它是在 .NET 应用程序中制作的

哪一个是在Angular-Cli项目中使用Bootstrap的最佳实践？

使用此方法:https: //medium.com/@beeman/tutorial-add-bootstrap-to-angular-cli-apps-b0a652f2eb2

要么

使用ngx-bootstrap:https: //github.com/valor-software/ngx-bootstrap/blob/development/docs/getting-started/ng-cli.md

我正在考虑使用 Angular CLI 学习 Angular 8。

我向核心模块添加了两个新组件，然后将其导入应用程序模块。

当我尝试在我的应用程序 html 中呈现组件时，控制台中会抛出“未知元素”错误。

我不确定为什么？

这是我的 app.module.ts

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";
import { NoopAnimationsModule } from "@angular/platform-browser/animations";
import { CoreModule } from "./core/core.module";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NoopAnimationsModule, CoreModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

我的 core.module.ts

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { InputComponent } from "../input/input.component";
import …