Не удалось загрузить пакеты - Dart Angular Tutorial

Я пытался следовать руководству Angular with Dart. Все работало нормально, пока я не перешел к главе навигации. Когда я запускаю проект с помощью webstorm и chromium, я всегда получаю эту ошибку. Я также попытался запустить репозиторий решения, но получаю ту же ошибку . Кажется, что эти пакеты browser / angular и т. Д. Не загружены. Может, веб-шторм накладывает какие-то ограничения ?! Забавно, что иногда это срабатывало при первом запуске, но когда я обновлял страницу в браузере, ошибка всегда возвращалась.

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

ИЗМЕНИТЬ. Все, что указано выше, теперь работает, потому что я перешел на это репо: github.com/angular-examples/toh-5/tree/5-dev, который работает с Dart 2.

Прямо сейчас у меня есть еще одна проблема с новым репозиторием для 5 разработчиков. Вот моя консоль паба. В нем говорится, что отсутствует 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

Когда я запускаю его напрямую с консоли, я получаю следующую ошибку.

> 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

dart angular-dart
person GreenTigerEye    schedule 02.04.2018    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Для примеров приложений Angular 4

Подобные сбои загрузки могут произойти, если в вашем приложении есть ошибка, которая не позволяет dart2js успешно скомпилировать его. Сообщает ли pub на вкладке Pub Serve в WebStorm какие-либо ошибки или предупреждения? Также убедитесь, что вы используете версию 1.24.3 Dart SDK.

Я не могу воспроизвести указанную вами проблему. Я загрузил zip-архив проекта, и он отлично работает как из командной строки, так и из WebStorm (даже после внесения некоторых изменений и обновления). Обратите внимание, что при первой загрузке приложения вы можете получить ошибку 404, потому что pub, возможно, еще не завершил компиляцию вашего приложения.

Для примеров приложений Angular 5

Как вы узнали, если вы хотите опробовать пример с использованием Angular 5-alpha, переключитесь на 5-dev ветку репозитория. Убедитесь, что вы используете как минимум версию SDK для Dart 2-dev.

SDK Dart 2 больше не поддерживает pub build и pub serve. Начиная со второго квартала 2018 года вы не можете использовать WebStorm для создания и обслуживания приложений Angular 5. Вместо этого вам нужно будет сделать это из командной строки:

pub run build_runner serve

Затем откройте localhost:8080 в Chrome. Для получения полной информации см. Настройка для разработки Angular.

person Patrice Chalin    schedule 03.04.2018
comment
Я загрузил Dart 2.0.0-dev.42.0 и разместил вкладку моего сервера pub в исходном посте как правку - person GreenTigerEye; 03.04.2018
comment
Я всегда получаю сообщение об ошибке, что загрузчик страниц - это не настоящий путь. И я посмотрел, что этот путь примеров / util / pageloader не существует. Устранение зависимостей ... Ошибка в строке 1, столбец 1: отсутствует обязательное поле имени. - person GreenTigerEye; 03.04.2018
comment
Теперь, когда вы перешли на примеры Angular 5, я обновил ответ, чтобы охватить и это. Я могу без проблем создавать и обслуживать приложение 5-dev toh-5 из репозитория примера. Сообщите мне, если у вас все еще есть проблемы. - person Patrice Chalin; 04.04.2018

arrow_upward
0
arrow_downward

Angular 5 почти отсутствует. Могу представить, что TOH еще не догнал. Вы можете посмотреть https://github.com/dart-lang/site-webdev.git, чтобы увидеть известные проблемы.

person Randal Schwartz    schedule 02.04.2018
comment
В Dart2 Migration я обнаружил, что есть другая версия, так что учебник, как вы и сказали, довольно увлекателен. Я попробую эту версию здесь: github.com/angular-examples/toh -5 / tree / 5-dev - person GreenTigerEye; 03.04.2018