问题标签 [angular-cli-v7]
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.
javascript - angular2+:在 click 和 mouseenter 之间切换
我正在为我的应用程序菜单构建一个组件。当菜单处于紧凑模式时,需要在 mouseenter 上打开子菜单,而在宽模式下需要在单击时打开子菜单(两者都是组件内“nav”元素的 css 类)。
如何使 mouseenter / click 事件仅在包装导航元素具有相关类时触发?
angular-cli-v7 - 装饰器不支持函数调用,但调用了“动画”
我有一个动画类如下:
在我的一个组件中,我使用如下:
当我使用ng build --prod --aot --output-hashing=all时,出现上述错误。
注意:我使用的是 angular cli v7。
angular - Angular 7 ng new 错误:Schematic input does not validate against Schema: {"name":"test"} 错误:数据路径“”应该有
我刚刚升级到 Angular 7,尝试创建新项目时出现以下错误:
原理图输入未针对架构进行验证:{"name":"test"} 错误:数据路径“”应该具有必需的属性“版本”。
更新 Angular 7 后,我使用以下命令重新安装了它:
但是最后一个也没有用。
有任何想法吗?
node.js - Angular CLI 项目编译失败
我已经搜索了所有网络,但没有找到相关的解决方案。我已经卸载了 @angular/cli 和 node.js,清除了缓存并以管理员和非管理员身份重新安装了两者的最新版本,但没有结果。以下是错误消息:
./node_modules/core-js/modules/es6.regexp.exec.js 中的错误 1:2 模块解析失败:意外字符 '�' (1:2)
您可能需要适当的加载程序来处理此文件类型。
(此二进制文件的源代码省略)
i 「wdm」: 编译失败。
有时它会在完成一个特定项目后带来这个,从而导致我不再继续它。我创建了另一个,它甚至可能根本无法编译。我现在已经创建了几个项目,我得到的只是编译过程中的这个错误。
我还注意到,只有当我在连接到 Internet 的情况下创建一个新的 Angular 项目时,它才会创建,否则它不会,甚至在创建过程中停留的时间比预期的要长。
javascript - Angular:如何配置“ng serve”命令以打开隐身模式浏览器?
我想在隐身模式浏览器中打开我的项目,以便不存储缓存。
是否可以将 Angular CLI 标志添加到ng serve -o
命令或 Angular CLI 配置文件中,以支持在隐身模式下打开浏览器?
我不想通过打开浏览器更改为隐身来输入我的 URL。我可以禁用缓存和 cookie,但我使用 youtube 和其他网站会降低开发体验。
angular - latest @angular-cli 不会创建具有最新 angular 的项目
节点--版本
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 ?我做错了什么?
angular - Angular 库无法在包中包含第三方库
我的要求是创建具有自己视图的库,并且根据用户的配置,该库将从 AWS S3 Bucket 获取并包含在运行时的最终应用程序中。
请参阅此示例。我可以dist/library/bundles/library.lib.umd.js
在主应用程序中添加并将其显示给用户。但是当我尝试使用uuid
,moment
或之类的第三方库时ng2-dragula
,该ng build
命令在最终包中不包含任何第三方库。我收到警告
在构建projects/library
存在显示的库和我的应用程序时
我想要在最终包中包含我使用的任何第三方库,因为我无法在运行时安装/导入它们。我努力了
按照这里package.json
的建议和
在我这里ng-package.json
建议。这是我的环境信息
请帮忙。如果有不同的方式在应用程序的运行时加载第三方库,也请提出建议。
angular - 位置 0 的角度升级 CLI 意外令牌
我正在遵循 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。怎么了?
angular - 在我的项目中运行 ng serve 的 Angular 7 CLI 会破坏子路径的导航
需要明确的是,这不是错误,这是我无意中破坏的项目,我不确定何时或如何破坏。
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 - 无法解决 'fs' Angular 从 5.2 升级到 7
我将我的 angular CLI 从 1.7 更新到 7~,我收到了这个错误。
我不在代码中的任何地方使用 fs,它是执行此操作的节点模块之一。我已经尝试安装advanced-json-path,我得到了同样的错误。我也尝试过安装fs,但这也无济于事。怎么了?
这就是我的 package.json 的样子