流星更新后，angular2-meteor 样本停止工作

Posted 2023-03-08

【中文标题】流星更新后，angular2-meteor 样本停止工作

【英文标题】：angular2-meteor sample stopped working after meteor update

【发布时间】：2016-04-02 17:58:31

【问题描述】：

我正在阅读 Meteor Angular 2 教程。在第 6 步，我随机尝试了“流星更新”，这使我的样本崩溃了。更新工作并且服务器正在启动。但是，浏览器屏幕现在保持空白，并且在控制台中出现错误。由于我是流星新手，我无法弄清楚原因？

在浏览器中重新加载最终会在控制台中显示以下错误消息：

Uncaught SyntaxError: Unexpected token <

Uncaught (in promise) Uncaught SyntaxError: Unexpected token <
    Evaluating http://localhost:3000/client/app.js
    Error loading http://localhost:3000/client/app.js

更新命令控制台输出：

meteor update
This project is already at Meteor 1.2.1, the latest release.

Changes to your project's package version selections from updating package
versions:

barbatus:angular2       upgraded from 0.6.6 to 0.7.3
barbatus:ng2-compilers  upgraded from 0.1.0 to 0.1.1
barbatus:ts-compilers   upgraded from 0.1.8 to 0.1.9_5
barbatus:typescript     upgraded from 0.1.3 to 0.1.3_3
urigo:angular2-meteor   upgraded from 0.2.5 to 0.3.5

重启流星：

meteor    

=> Started proxy.                             
=> Started MongoDB.                           
***** New typings have been added *****      |
typings/angular2/core.d.ts
typings/angular2/common.d.ts
typings/angular2/bootstrap.d.ts
typings/angular2/platform/browser.d.ts
typings/es6-promise/es6-promise.d.ts
typings/es6-shim/es6-shim.d.ts
***** Please re-start your app *****

meteor    

=> Started proxy.                             
=> Started MongoDB.                           
=> Started your app.                          

=> App running at: http://localhost:3000/

【问题讨论】：

有些问题有类似的错误，似乎都是关于缺少导入的问题。

我将一对一地浏览示例。更新后才出现问题。没有找到相同/相似的问题。你指的是哪个问题@GünterZöchbauer

***.com/…

不确定，但我认为 Angular 将模块从 angular2/angular2 拆分为 angular2/common, angular2/core ... 。所以你必须单独加载它们。据我所知，我遇到了这个问题

【参考方案1】：

Angular2 发生了变化，您需要为每个依赖项导入特定的包。 Angular2 Meteor 教程已经过时了。我不确定应该导入哪些包才能使第 6 步正常工作，但例如，Step 0 Bootstrapping 将适用于以下更改：

在您的 app.ts 中更改行：

import Component, View, bootstrap from 'angular2/angular2';

到：

import bootstrap    from 'angular2/platform/browser'
import Component, View from 'angular2/core';

另外，教程here也有一些更新

希望对你有帮助。

更新： 我发现 http://ng-meteor.meteor.com/tutorials/angular2/ 已被弃用。我建议您改为关注http://www.angular-meteor.com/tutorials/socially/angular2/。