Angular2项目开发中所遇问题及解决方案记录
最近在把一个angularjs1.4版本的项目使用angular2框架进行升级,也把每天开发中遇到的问题及解放方案记录下来。
1、Webstorm can't find '@angular/core';
解决方案:
In webstorm : File->settings->Languages & Frameworks -> TypeScript ->enable typescript compiler & Use tsconfig.json
2、/localhost:3000/node_modules/rxjs.js 报错 404
Change your rxjs entry in package to this:
'rxjs': { main: '/bundles/Rx.umd.js',defaultExtension: 'js' }
3、of.js和from.js、fromPromise.js 找不到 报错404
仔细查看之后发现:rxjs-5.0.0-beta.11与rxjs-5.0.0-beta.2下面的observable包里的目录结构不一致。
4、在Component中注入管道(pipe)时报错:can't find pipe~
在stackoverflow中查到解决方案:
http://stackoverflow.com/questions/39539085/angular-2-0-release-pipes-and-directives-are-not-properties-of-component-anymo
5、*ngFor指令不支持键值对结构?
解决方案:http://stackoverflow.com/questions/37046138/how-to-use-ngfor-with-object
6、No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.
解决方案: add <basehref='/'>
7、Error: Uncaught (in promise): Error: Cannot match any routes: ''"
解决方案:
8、Can't bind to 'ngModel' since it isn't a known property of 'input'?
解决方案:In order to be able to use two-way data binding for form inputs you need to import theFormsModulepackage in your Angular module. For more info see the Angular 2 official tutorial here and the official documentation for forms
9、http post请求 response里面找不到headers?
ng2项目进行中,一步步的趟过去~