
Angular
文章平均质量分 51
Web后端技术
码龄10年,专注于Web系统开发,欢迎关注公众号【Web后端技术】~
展开
-
Angular12报错:Cannot read property _rawValidators of null
升级Angular12后报错:main.js:1 ERROR TypeError: Cannot read property ‘_rawValidators’ of null当前环境:Angular CLI: 12.1.2Node: 14.17.0Package Manager: npm 7.19.1OS: darwin x64之前也遇到过这个错误,但是升级Angular12后出现了该错误。Form表单报错,但是没有更详细的信息。main.js:1 ERROR TypeError: Cann原创 2021-07-19 16:59:29 · 2179 阅读 · 0 评论 -
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly错误内容:升级到Angular 12后,Angular UI 组件库 ng-zorro-antd 引用的 resize-observer-polyfill 库报错: Property contentRect must be of type DOMRectReadOnly, but here has type原创 2021-05-19 18:13:34 · 2659 阅读 · 2 评论 -
Angular本地中转报错:[HPM] Error occurred while trying to proxy request
Angular本地中转报错:[HPM] Error occurred while trying to proxy request代理配置在前端开发中了,为了解决浏览器跨域问题,一般都会使用 webpack 的 devServer.proxy 功能,来中转接口。根据 Angular 的文档,只需要四步即可使用代理。(1) 在 src/ 目录下创建 proxy.conf.json 配置文件.(2) 在 proxy.conf.json 配置文件中写上中转规则:{ "/api": { "t原创 2021-03-22 18:17:30 · 6178 阅读 · 0 评论 -
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray
Angular表单FormArray中嵌套FormGroup报错:Cannot find control with path: itemArray -> i报错主体格式如下:Angular is running in development mode. Call enableProdMode() to enable production mode.core.js:6157 Error: Cannot find control with path: 'addresses -> i' at原创 2021-03-20 15:53:03 · 4819 阅读 · 2 评论 -
angular报错问题: Can‘t bind to ‘ngIf‘ since it isn‘t a known property of ‘div‘.
angular报错: Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’.component 生成的内容可以直接显示。但是 增加 *ngIf 就会报错。<p>paper-detail works!</p>原因: module 的 declarations 数组里未引入 PageListComponent 组件。$ ng generate component test/pages/page-list原创 2020-10-29 16:52:03 · 10341 阅读 · 1 评论 -
在Angular + Bulma CSS框架中定义 Navbar menu 事件
在Angular + Bulma CSS框架中定义 Navbar menu 事件<nav class="navbar" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <!-- navbar items, navbar burger... -->...原创 2020-03-10 18:38:33 · 666 阅读 · 0 评论 -
Angular8+ 拼装路由地址及使用paramMap或queryParamMap获取url参数
angular8 拼装路由地址及获取url参数我们常见的 url格式都是这样的:http://localhost:4200/todo/search?name=111&type=222通过 angular 路由我们可以看到,其实url还有一种格式,叫矩阵URL (matrix url)。其格式如下:https://localhost:4200/todo/search;name=11...原创 2019-09-10 17:28:08 · 4106 阅读 · 0 评论 -
Angular-使用ng update命令升级到Angular7.1.4
Angular-使用ng update命令升级到Angular7.1.4Angular CLI 是 Angular 的一个命令行工具,可以便捷的执行创建项目、创建文件、测试、打包和发布等任务。关于 Angular 版本Angular 2.x及以上统称Angular. Angular 1.x 则称为 AngularJS.Angular 2 发布于 2016年09月14日。Angular 4...原创 2018-12-21 11:58:13 · 3858 阅读 · 1 评论 -
Angular报错引入faker类库: error TS2580: Cannot find name 'require'.
Angular报错引入faker类库: error TS2580: Cannot find name ‘require’.faker 是生成测试数据的一个js类库。在 InMemoryDataService 中调用 fake 类库,可以生成不同的英雄姓名。但是,在引入 fake 类时却报错了,这是为什么呢?报错详情ERROR in src/app/services/in-memory-da...原创 2018-12-06 18:46:12 · 4433 阅读 · 0 评论 -
Angular执行测试报错: 'router-outlet' is not a known element
本机环境:$ ng --versionAngular CLI: 7.1.1Node: 10.11.0OS: darwin x64Angular: 7.1.1... animations, cli, common, compiler, compiler-cli, core, forms... http, language-service, platform-browser... pl...原创 2018-12-06 15:56:17 · 7822 阅读 · 0 评论 -
Angular执行测试报错: NullInjectorError: No provider for HttpClient!
Angular执行测试报错: NullInjectorError: No provider for HttpClient!报错内容使用 ng serve 运行应用,通过访问 http://localhost:4200,运行正常,未见报错。 但是,执行 ng test 测试就报错,错误内容如下:// HeroeSearchComponentChrome 72.0.3622 (Mac OS X...原创 2018-12-06 15:55:31 · 6447 阅读 · 0 评论 -
Angular执行测试报错: 'app-messages' is not a known element
ng-test-errors.mdAngular执行测试报错: ‘app-messages’ is not a known element本机环境:$ ng --versionAngular CLI: 7.1.1Node: 10.11.0OS: darwin x64Angular: 7.1.1错误详情:Chrome 72.0.3622 (Mac OS X 10.13.6) Ap...原创 2018-12-06 15:49:31 · 5219 阅读 · 0 评论 -
Angular执行测试报错: Can't bind to 'ngModel' since it isn't a known property of 'input'
Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’本机环境:ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| ...原创 2018-12-05 20:51:26 · 699 阅读 · 0 评论 -
Angular-使用ng update命令升级到Angular7.1.2
Angular-使用ng update命令升级到Angular7.1.2Angular CLI 是 Angular 的一个命令行工具,可以便捷的执行创建项目、创建文件、测试、打包和发布等任务。Angular 版本Angular 2.x及以上统称Angular, Angular 1.x 则称为 AngularJS.Angular 5 发布于 2017年11月01日。Angular 6 发布...原创 2018-12-07 20:48:24 · 7864 阅读 · 1 评论