blog-angular
blog-angular copied to clipboard
deepthan
Angular 笔记
## 关于npm的错误解决办法 #### npm 连接错误或者设置了代理 ``` npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "i" npm ERR! node v7.7.1 npm ERR! npm v4.1.2 npm ERR! code ECONNRESET...
在打包的时候加上 `node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng build` ， `max_old_space_size`的值可以设置大点。 往根源上来说这个问题实际上是 node 的问题，Angular 在 AOT 时的确会根据项目大小很吃内存，目前除了利用 `max_old_space_size` 给 Node 环境更大的内存好像没有更好的办法。
#### 原因分析 部分错误在本地运行时`jit`模式下不会触发，在`aot`之后会触发 #### 解决办法 在本地运行的时候使用命令`ng server --aot`即可以aot模式运行，可以看到具体报错信息并解决。
在angular项目的环境配置的时候，使用`require`引入其他文件报此错误。 ``` export const environment = Object.assign({}, require('./common.json'), require('./production.json'), { production: true, envName: 'prod' }); ``` 这是因为在`typescript`2.x中，我们还需要做： - 下载定义`require`的包 ``` npm install @types/node --save-dev ``` - 在`tsconfig.app.json`中配置这个包为全局的 ``` { "compilerOptions":...
- 问题 项目运行时一直发`http://localhost:8080/sockjs-node/info?t=1462183700002`请求,导致chrome控制台很卡。 - 解决方法 这是因为webpack配置的原因，形如 ``` entry: { App: [ 'webpack-dev-server/client?http://localhost:8080/assets/', 'webpack/hot/only-dev-server', './client/javascripts/entry' ]}, output: { path: path.join(__dirname, 'app', 'assets', 'javascripts'), filename: '[name]_wp_bundle.js', publicPath: 'http://localhost:8080/assets' } ``` 将上面的第一行修改如下即可解决。 ```...
## IE报错 ngular TypeError “remove”TypeError: 无法获取未定义或 null 引用的属性“remove” ``` angular TypeError “remove”TypeError: 无法获取未定义或 null 引用的属性“remove” at DefaultDomRenderer2.prototype.removeClass(http://localhost:4100/vendor.js:102963:67) at BaseAnimationRenderer.prototype.removeClass(http://localhost:4100/vendor.js:101543:69) at DebugRenderer2.prototype.removeClass (http://localhost:4100/vendor.js:93720:5) at NzIconDirective.prototype.handleSpin (http://localhost:4100/vendor.js:191432:9) at Anonymous function (http://localhost:4100/vendor.js:191385:13) at...
``` core.es5.js:1020 ERROR Error: Uncaught (in promise): RangeError: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded at RouterPreloader.webpackJsonp.../../../router/@angular/router.es5.js.RouterPreloader.preloadConfig (vendor.bundle.js:1) at RouterPreloader.webpackJsonp.../../../router/@angular/router.es5.js.RouterPreloader.processRoutes (router.es5.js:5802) at RouterPreloader.webpackJsonp.../../../router/@angular/router.es5.js.RouterPreloader.processRoutes (router.es5.js:5806) at RouterPreloader.webpackJsonp.../../../router/@angular/router.es5.js.RouterPreloader.processRoutes...
这是由于写法错误，首先得引入ngIf的包`commonModule`,之后按照下面两种写法其中任意一种即可。 ``` ``` 或者 ``` ```
## No provider for ChildrenOutletContexts (injectionError) 错误详情如下： ``` ERROR Error: No provider for ChildrenOutletContexts! at injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207) at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._throwOrNull (core.es5.js:2649) at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._getByKeyDefault (core.es5.js:2688) at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._getByKey (core.es5.js:2620) at...
#### 1. `Can't bind to 'ngModel' since it isn't a known property of 'input'.` ``` import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ], }) ```