问题标签 [angular-cli-v7]

我正在为我的应用程序菜单构建一个组件。当菜单处于紧凑模式时，需要在 mouseenter 上打开子菜单，而在宽模式下需要在单击时打开子菜单（两者都是组件内“nav”元素的 css 类）。

如何使 mouseenter / click 事件仅在包装导航元素具有相关类时触发？

我有一个动画类如下：

在我的一个组件中，我使用如下：

当我使用ng build --prod --aot --output-hashing=all时，出现上述错误。

注意：我使用的是 angular cli v7。

我刚刚升级到 Angular 7，尝试创建新项目时出现以下错误：

原理图输入未针对架构进行验证：{"name":"test"} 错误：数据路径“”应该具有必需的属性“版本”。

更新 Angular 7 后，我使用以下命令重新安装了它：

但是最后一个也没有用。

有任何想法吗？

我已经搜索了所有网络，但没有找到相关的解决方案。我已经卸载了 @angular/cli 和 node.js，清除了缓存并以管理员和非管理员身份重新安装了两者的最新版本，但没有结果。以下是错误消息：

./node_modules/core-js/modules/es6.regexp.exec.js 中的错误 1:2 模块解析失败：意外字符 '�' (1:2)
您可能需要适当的加载程序来处理此文件类型。
（此二进制文件的源代码省略）
i ｢wdm｣: 编译失败。

有时它会在完成一个特定项目后带来这个，从而导致我不再继续它。我创建了另一个，它甚至可能根本无法编译。我现在已经创建了几个项目，我得到的只是编译过程中的这个错误。

我还注意到，只有当我在连接到 Internet 的情况下创建一个新的 Angular 项目时，它才会创建，否则它不会，甚至在创建过程中停留的时间比预期的要长。

我想在隐身模式浏览器中打开我的项目，以便不存储缓存。

是否可以将 Angular CLI 标志添加到ng serve -o命令或 Angular CLI 配置文件中，以支持在隐身模式下打开浏览器？

我不想通过打开浏览器更改为隐身来输入我的 URL。我可以禁用缓存和 cookie，但我使用 youtube 和其他网站会降低开发体验。

节点--版本

npm 版本

一开始没有安装@angular-cli

ng -version

'ng' is not recognized as an internal or external command

我安装了最新版本的角度：

npm install -g @angular/cli

我列出了全局依赖项

npm list -g --depth=0

我明白了

+-- @angular/cli@7.3.5

我检查它的版本

ng --version

我有旧版本 6.2.8 而不是版本 7.3.5。这个旧版本是从哪里来的？我在一个空目录中。

Angular CLI: 6.2.8 Node: 10.14.2 OS: win32 x64 Angular:

当我生成一个新项目时

ng new newapp

在我的 package.json 中，我有旧版本的 @angular-cli 6.2.8 和 angular 6.1.0

{ "name": "newapp", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^6.1.0", "@angular/common": "^6.1.0", "@angular/compiler": "^6.1.0", "@angular/core": "^6.1.0", "@angular/forms": "^6.1.0", "@angular/http": "^6.1.0", "@angular/platform-browser": "^6.1.0", "@angular/platform-browser-dynamic": "^6.1.0", "@angular/router": "^6.1.0", "core-js": "^2.5.4", "rxjs": "~6.2.0", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/build-angular": "~0.8.0", "@angular/cli": "~6.2.8", "@angular/compiler-cli": "^6.1.0", "@angular/language-service": "^6.1.0", "@types/jasmine": "~2.8.8", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "codelyzer": "~4.3.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~3.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.11.0", "typescript": "~2.9.2" } } 如何生成 @angular-cli 项目版本 7 或 8 ？我做错了什么？

我的要求是创建具有自己视图的库，并且根据用户的配置，该库将从 AWS S3 Bucket 获取并包含在运行时的最终应用程序中。 请参阅此示例。我可以dist/library/bundles/library.lib.umd.js在主应用程序中添加并将其显示给用户。但是当我尝试使用uuid,moment或之类的第三方库时ng2-dragula，该ng build命令在最终包中不包含任何第三方库。我收到警告

在构建projects/library存在显示的库和我的应用程序时

我想要在最终包中包含我使用的任何第三方库，因为我无法在运行时安装/导入它们。我努力了

按照这里package.json的建议和

在我这里ng-package.json建议。这是我的环境信息

请帮忙。如果有不同的方式在应用程序的运行时加载第三方库，也请提出建议。

我正在遵循 Angular 的升级指南。并已完成以下步骤

前两个步骤很好，但在最后一步，我得到了

我目前在

Angular CLI: 1.7.4 Node: 8.11.3 OS: win32 x64 Angular: 5.2.11

这就是我的 .angular-cli.json 的样子

添加了 Package.json

我已将编码验证为所有 JSON 为 UTF8，并且它们都是有效的 JSON。怎么了？

需要明确的是，这不是错误，这是我无意中破坏的项目，我不确定何时或如何破坏。

ng --version在我的项目中运行：

运行ng serve时，应用程序在浏览器中加载正常：

http://localhost:4200

在根目录手动加载路径时，在以下位置加载 OK：

http://localhost:4200/page

通过应用程序内的链接导航到正在运行的应用程序的子路径from a root path时，在以下位置加载 OK：

但是，当尝试以下列任何方式加载后续子路径时：

• 刷新浏览器视图中的现有子路径

• 尝试在子路径中手动输入和加载 url

• 查看子路径时由 CLI 触发的实时重新加载

错误地，应用程序尝试加载js与子路径相关的所有文件，因此失败。该应用程序尝试在runtime.js此处加载：

什么时候应该在这里加载它：

我的基本href当前设置为./

随着应用程序的运行，我检查了 html 源代码，脚本标签的格式如下：

我不确定是什么破坏了这个项目。生成一个新项目没有问题。我怀疑可能是最近的npm update，但我不能确定这个问题是什么时候开始的。我也可能在我的代码中无意中破坏了导航。

知道从哪里或如何开始故障排除吗？

我将我的 angular CLI 从 1.7 更新到 7~，我收到了这个错误。

我不在代码中的任何地方使用 fs，它是执行此操作的节点模块之一。我已经尝试安装advanced-json-path，我得到了同样的错误。我也尝试过安装fs，但这也无济于事。怎么了？

这就是我的 package.json 的样子