我最近一直在使用带有 typescript 的 angular2-meteor，并且我已经创建了几个项目。
我之前遇到的问题，为了解决这个问题，我删除并重新安装了 node_modules 和 meteor 来解决这个问题。
由于问题再次发生，我发布这个问题而不是重新安装所有东西，看看是否有人可以给我一些关于这个错误的见解。
一般来说，我创建了一个 angular2-meteor 项目，如 http://www.angular-meteor.com/tutorials/socially/angular2/bootstrapping 中所述。
目前该应用程序非常基础。
我在客户端目录中有一个主要的 app.ts，代码如下:
import 'reflect-metadata';
import 'zone.js/dist/zone';
import {Component,provide} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';
import {bootstrap} from 'angular2-meteor-auto-bootstrap';
import {ROUTER_PROVIDERS, ROUTER_DIRECTIVES, Routes} from '@angular/router';
import {MdToolbar} from '@angular2-material/toolbar';
import {Welcome} from './imports/pages/welcome/welcome';
import {Statistics} from './imports/pages/statistics/statistics';
@Component({
selector: 'app',
templateUrl: 'client/app.html',
directives: [ROUTER_DIRECTIVES,MdToolbar],
providers: [ROUTER_PROVIDERS,provide(APP_BASE_HREF, { useValue: '/' })]
})
@Routes([
{ path: '/', component: Welcome },
{path: '/statistics',component:Statistics}
])
class BingoDriveStatisticsApp {
}
bootstrap(BingoDriveStatisticsApp);
如您所见，我有两个 View 组件，“欢迎”和“统计”。我现在也在为工具栏使用 angular2-material。
View 组件几乎包含指向空 html 文件的 templateUrl。
例子:welcome.ts
import {Component} from '@angular/core';
@Component({
templateUrl: '/imports/pages/welcome/welcome.html'
})
export class Welcome {
}
我在客户端目录中的主要 index.html 文件包含:
<body><app></app></body>
并且 app.html 包含:
<md-toolbar [color]="primary">
<span>BingoDrive Statistics</span>
<a [routerLink]="['/']">Welcome</a>
<a [routerLink]="['/statistics']">Statistics</a>
</md-toolbar>
<router-outlet></router-outlet>
再一次..我不认为这个错误与我的代码有任何关系，因为它以前在其他项目中发生过。
这是我的 package.json:
{
"name": "bingodrive-statistics",
"private": true,
"scripts": {
"start": "meteor run"
},
"dependencies": {
"@angular/common": "^2.0.0-rc.1",
"@angular/compiler": "^2.0.0-rc.1",
"@angular/core": "^2.0.0-rc.1",
"@angular/platform-browser": "^2.0.0-rc.1",
"@angular/router": "^2.0.0-rc.1",
"@angular2-material/core": "^2.0.0-alpha.4",
"@angular2-material/toolbar": "^2.0.0-alpha.4",
"angular2-meteor": "^0.5.5",
"angular2-meteor-auto-bootstrap": "^0.5.5",
"es6-shim": "^0.35.0",
"meteor-node-stubs": "^0.2.3",
"reflect-metadata": "=0.1.2",
"rxjs": "=5.0.0-beta.6",
"zone.js": "^0.6.12"
}
}
我的 .meteor/packages 文件包含以下内容:
meteor-base # Packages every Meteor app needs to have
mobile-experience # Packages for a great mobile UX
mongo # The database Meteor supports right now
reactive-var # Reactive variable for tracker
jquery # Helpful client-side library
tracker # Meteor's client-side reactive programming library
standard-minifier-css # CSS minifier run for production mode
standard-minifier-js # JS minifier run for production mode
es5-shim # ECMAScript 5 compatibility for older browsers.
ecmascript # Enable ECMAScript2015+ syntax in app code
angular2-compilers
barbatus:angular2-runtime
accounts-password
毕竟……错误消息本身! :)
它重复而且很长，但主要的异常(exception)是:
EXCEPTION: Error in :0:0
VM2668:27 ORIGINAL EXCEPTION: TypeError: Cannot read property 'getLocation' of null
VM2668:27 ORIGINAL STACKTRACE:
VM2668:27 TypeError: Cannot read property 'getLocation' of null
at BrowserPlatformLocation._init (browser_platform_location.js:19)
at new BrowserPlatformLocation (browser_platform_location.js:14)
at DebugAppView.Object.defineProperty.get (BingoDriveStatisticsApp_Host.template.js:35)
at DebugAppView.Object.defineProperty.get (BingoDriveStatisticsApp_Host.template.js:47)
at DebugAppView.Object.defineProperty.get (BingoDriveStatisticsApp_Host.template.js:53)
at DebugAppView.Object.defineProperty.get (BingoDriveStatisticsApp_Host.template.js:59)
at DebugAppView._View_BingoDriveStatisticsApp_Host0.injectorGetInternal (BingoDriveStatisticsApp_Host.template.js:82)
at DebugAppView.AppView.injectorGet (view.js:96)
at DebugAppView.injectorGet (view.js:269)
at ElementInjector.get (element_injector.js:20)
VM2668:27 ERROR CONTEXT:
VM2668:27
DebugContext {_view: _View_BingoDriveStatisticsApp_Host0, _nodeIndex: 0, _tplRow: 0, _tplCol: 0}
有什么想法吗？
更新
我将项目备份到另一个目录，然后删除 node_modules 并执行 meteor npm install --save。之后，应用程序工作正常。所以..有些东西破坏了应用程序，通过删除 node_modules 并重新创建它，我解决了这个问题。
所以...我讨厌每次开始一个新项目时都这样做。
如能提供有关此问题的任何信息，我们将不胜感激。
最佳答案
尝试改变开发依赖 "@angular/platform-browser": "^2.0.0-rc.1", 到 "angular2-meteor-auto-bootstrap": "^0.5.5",
关于meteor - "TypeError: Cannot read property ' getLocation ' of null"启动angular2-meteor项目时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37140593/