Question

我尝试按照Angular with Dart的教程进行操作。一切正常，直到我进入导航章节。当我使用webstorm和chromium运行项目时，我总是会收到此错误。我也尝试运行solution repo，但我得到了同样的错误。似乎没有加载这些包浏览器/角度等。也许webstorm有一些限制？！有趣的是它在第一次运行时偶尔会工作，但是当我在浏览器中刷新页面时，错误总是会回来。

http://localhost:63342/toh-5-master/web/packages/browser/dart.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:63342/toh-5-master/web/packages/angular/angular.dart Failed to load resource: the server responded with a status of 404 (Not Found)
package:angular/angular.dart:1 An error occurred loading file: package:angular/angular.dart
http://localhost:63342/toh-5-master/web/packages/angular_router/angular_router.dart Failed to load resource: the server responded with a status of 404 (Not Found)
package:angular_router/angular_router.dart:1 An error occurred loading file: package:angular_router/angular_router.dart
http://localhost:63342/toh-5-master/web/packages/angular_tour_of_heroes/app_component.dart Failed to load resource: the server responded with a status of 404 (Not Found)
package:angular_tour_of_heroes/app_component.dart:1 An error occurred loading file: package:angular_tour_of_heroes/app_component.dart

修改上面的事情现在正在运作，因为我改为这个回购：与Dart 2一起使用的github.com/angular-examples/toh-5/tree/5-dev。

现在我对新的5-dev repo有另一个问题。这是我的酒吧服务台。它说缺少 main.template.dart 。（我使用的是Dart版 2.0.0-dev.44.0。）

有人如何解决这个问题？

Compiling angular_tour_of_heroes|web/main.dart...
[web] GET styles.css => (cached) angular_tour_of_heroes|web/styles.css
[Error from Dart2JS on angular_tour_of_heroes|web/main.dart]:
file:///C:/xampp/htdocs/flutterprojects/toh-5-5-dev/web/main.template.dart: Could not find asset angular_tour_of_heroes|web/main.template.dart.
[Info from Dart2JS]:
Took 0:00:03.911463 to compile angular_tour_of_heroes|web/main.dart.
Build completed with 1 errors.
[web] GET main.dart.js => Could not find asset angular_tour_of_heroes|web/main.dart.js.
[web] GET index.html => angular_tour_of_heroes|web/index.html

当我直接使用控制台运行它时，我收到以下错误。

＆GT; pub serve --web-compiler = dartdevc

Build completed successfully
[web] GET  => angular_tour_of_heroes|web/index.html
[web] GET styles.css => angular_tour_of_heroes|web/styles.css
Unable to find module for angular|lib/src/bootstrap/modules.template.dart
Unable to find module for angular|lib/src/bootstrap/modules.template.dart
Unable to find module for angular|lib/src/bootstrap/modules.template.dart

Answer 1

适用于Angular 4示例应用

如果您的应用中出现阻止dart2js成功编译的错误，则可能会发生此类加载失败。在WebStorm的 Pub Serve 标签中，是否有任何错误或警告由酒吧报告？另外，请确保您使用的是Dart SDK版本 1.24.3 。

我无法重现你提到的问题。我已经下载了项目zip，它在命令行和WebStorm上运行良好（即使在进行了一些编辑和刷新之后）。请注意，第一次加载应用时，您可能会得到404，因为pub可能还没有完成您的应用编译。

适用于Angular 5示例应用

如您所知，如果您想尝试使用Angular 5-alpha的示例，请切换到repo的5-dev分支。确保您至少使用了SDK的 Dart 2-dev 版本。

Dart 2 SDK不再支持<{1}}和pub build支持。截至2018Q2，您无法使用WebStorm构建和提供Angular 5应用程序。相反，您需要从命令行执行此操作：

pub serve

然后在Chrome中打开pub run build_runner serve。有关详细信息，请参阅Angular 5 Setup for Development。

Answer 2

Angular 5差不多了。我可以想象TOH还没有赶上。您可以查看https://github.com/dart-lang/site-webdev.git以查看已知问题。

无法加载包 - Dart Angular Tutorial

2 个答案: