2

我最近一直在用 typescript 玩 angular2-meteor，我已经创建了几个项目。

我之前遇到的问题，为了解决它，我删除并重新安装了 node_modules 和流星以解决问题。

由于问题再次发生，我发布了这个问题，而不是重新安装所有东西，看看是否有人可以给我一些关于这个错误的见解。

一般来说，我创建了一个 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);

如您所见，我有两个视图组件，“欢迎”和“统计”。我现在也在使用 angular2-material 作为工具栏。

视图组件几乎包含指向空 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>&nbsp;
    <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: 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 并重新创建它，我解决了这个问题。

所以...我讨厌每次开始一个新项目时都这样做。

任何有关该问题的信息将不胜感激。

4

2 回答 2

0

仅通过更改反射元数据和 rxjs 的 package.json 解决了路由问题。我们不应该使用最新版本的反射（0.1.3）。“反射元数据”：“=0.1.2”，“rxjs”：“=5.0.0-beta.6”，

于 2016-05-25T04:25:01.457 回答
0

尝试将开发依赖项从“@angular/platform-b​​rowser”：“^2.0.0-rc.1”更改为“angular2-meteor-auto-bootstrap”：“^0.5.5”，

于 2016-05-23T06:13:52.310 回答