angular - Dart 中的错误“无法找到某些源的模块...”
问题描述
我正在学习飞镖并尝试制作一个简单的 webapp,它应该可以创建一个用户。
但是当我尝试运行它时,会出现以下消息:
[严重] web/main.dart 上的 build_web_compilers|入口点(缓存):无法找到某些源的模块,这通常是由于导入错误、包中缺少依赖项(或者可能需要将 dev_dependency 移至真正的依赖),或构建失败(如果导入生成的文件)。
请检查以下导入:
import 'package:Muellbot/app_component.template.dart' as ng;
从 Muellbot|web/main.template.dart 在 9:1import 'package:Muellbot/app_component.template.dart' as ng;
从 Muellbot|web/main.dart 在 2:1[严重] 2.2 秒后失败
这是我的文件:
main.dart
import 'package:angular/angular.dart';
import 'package:Muellbot/app_component.template.dart' as ng;
import 'package:angular_router/angular_router.dart';
import 'main.template.dart' as self;
@GenerateInjector(
routerProvidersHash,
)
final InjectorFactory injector = self.injector;
void main() {
runApp(ng.AppComponentNgFactory, createInjector: injector);
}
appComponent.dart
import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';
import 'src/routes.dart';
@Component(
selector: 'my-app',
styleUrls: ['app_component.css'],
templateUrl: 'app_component.html',
directives: [routerDirectives],
exports: [RoutePaths, Routes],
)
class AppComponent {
}
appComponent.html
<h1>Müllbot</h1>
<nav>
<a [routerLink]="RoutePaths.home.toUrl()"
[ routerLinkActive]="'active'">Home</a>
<a [routerLink]="RoutePaths.newUser.toUrl()"
[routerLinkActive]="'active'">Neuen Benutzer anlegen</a>
</nav>
<router-outlet [routes]="Routes.all"></router-outlet>
<img src="logo.png" width="50%">
路线.dart
import 'package:angular_router/angular_router.dart';
import 'route_paths.dart';
import 'home_component.template.dart' as home_template;
import 'create_new_user_component.template.dart' as new_user_template;
export 'route_paths.dart';
class Routes {
static final home = RouteDefinition(
routePath: RoutePaths.home,
component: home_template.HomeComponentNgFactory,
);
static final newUser = RouteDefinition(
routePath: RoutePaths.newUser,
component: new_user_template.NewUserComponentNgFactory,
);
static final all = <RouteDefinition>[
home,
newUser,
];
}
routhe_paths.dart
import 'package:angular_router/angular_router.dart';
class RoutePaths {
static final home = RoutePath(path: 'home');
static final newUser = RoutePath(path: 'newUser');
}
home_component.html
<h4>Hallo {{user.firstName}}</h4>
home_component.dart
import 'package:angular/angular.dart';
import 'user.dart';
@Component(
selector: 'home',
templateUrl: 'home_component.html'
)
class HomeComponent {
User user = new User('Axel', 'Foley', 'axel@sfoley.de');
}
create_new_user_component.html
<h3>Neuen Benutzer anlegen</h3>
<div>
<span *ngIf="!create" id="error">Fehler</span>
<span *ngIf="create" id="success">Benutzer angelegt</span>
<table>
<tr>
<td><label>Vorname:</label></td><td><input #firstName/></td>
<td><label>Nachname:</label></td><td><input #lastName/></td>
</tr><tr>
<td><label>Email:</label></td><td><input #email/></td>
</tr><tr>
<td><label>Passwort:</label></td><td><input #password/></td>
<td><label>Passwort wiederholen:</label></td><td><input #passwordRe/></td>
</tr><tr>
<td><button (click)="add(firstName.value, lastName.value, email.value, password.value)">Hinzufügen</button></td>
</tr>
</table>
</div>
create_new_user_component.dart
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart';
import 'package:angular/angular.dart';
@Component(
selector: 'new-user',
templateUrl: 'create_new_user_component.html'
)
class NewUserComponent {
bool create = false;
final Client _http;
static final _headers = {'Content-Type': 'application/json'};
final url = "http://localhost:4040/user/new";
Future<void> add(String firstName, String lastName, String email, String password) async {
try {
final response = await _http.post(url, headers: _headers, body: json.encode({'firstName': firstName, 'lastName': lastName, 'email': email, 'password': password}));
if (response.statusCode == 200) {
create = true;
}
} catch (e) {
throw new Exception(e);
}
}
}
解决方案
好的删除
<span *ngIf="!create" id="error">Fehler</span>
<span *ngIf="create" id="success">Benutzer angelegt</span>
帮助。
但现在我又犯了一个错误。服务器加载,当我访问页面时,它只是说
Loading...
在控制台中我收到消息
TypeError: e.message is undefined
推荐阅读
- angular - Kubernetes中使用nginx入口路径的角度应用程序
- reactjs - react-router 不渲染特定路由(React + Redux)
- r - R, ggarrange 当增加地块数量时,地块变平。如何增加最终图像?
- java - javaagent attach - Glassfish - javassist - 类不匹配异常
- java - 为什么不能泛化参数类?
- javascript - 如何丢弃十进制数?
- python - 如何绘制幂迭代法近似图
- python - 使用 Python 将 Excel 文件上传到 Sharepoint
- php - 如何在顶部菜单中显示wordpress登录的用户名
- maven - 带有 nexus 存储库的 Maven 和 Gitlab 运行器:401 未经授权