Пользовательский пакет углового дартного компонента

У меня есть компонент углового дротика, который я создал, который я пытаюсь использовать в своем основном проекте. Я использую пакеты путей для ссылки на него. Вызывается конструктор компонента (в файле дротика), но я получаю ошибки, которые не могут найти файлы .css и .html. Пути, которые они ищут, похоже, существуют, поэтому я не уверен, почему они не могут их найти.Пользовательский пакет углового дартного компонента

У меня есть другие пользовательские компоненты, которые я использую по всему моему коду, но с ними не связаны файлы html или css, и все было в порядке, похоже, они ограничены файлами html и css.

Вот фрагменты моего кода

test.dart расположен в test_component/Библиотека/test_component/

library TestCom; 

import 'package:angular/angular.dart'; 

@Component(
    selector: 'tester', 
    templateUrl: 'test.html', 
    cssUrl: 'test.css') 
class TestComponent { 
String t = "this is the test component"; 

TestComponent() { 
    print("Test Component STARTED"); 
    } 
}

test.html, расположенный в test_component/Библиотека/test_component/

<h3>{{t}}</h3>

pubspec.yaml, расположенный в test_component

name: TestModule 
dependencies: 
    angular: "^1.1.2+2" 
    browser: any 
transformers: 
- angular: 
    html_files: 
     - lib/test_component/test.html

main.dart расположен в главном/SRC/Основной/дротик/веб

import 'package:TestModule/test_component/test.dart'; 

class MyAppModule extends Module { 
    MyAppModule() { 
    bind(TestComponent); 
    } 
}

index.html, расположенные в главной/SRC/Основной/дротик/веб/

<tester></tester>

pubspec.yaml расположен в основной/SRC/главная/дротик

name: main_package 
dependencies: 
    angular: "^1.1.2+2" 
    browser: any 
    shadow_dom: any 
    json_object: any 
    bootjack: any 
    crypto: any 
    xml: "^2.3.2" 
    TestModule: 
    path: ../../../../test_component 
transformers: 
- angular:

После бегаю паб получить в папке пакетов моего основного проекта, TestModule/test_component/существует с test.css, test.dart и test.html в нем , Я не уверен, почему, когда я запускаю его, он не может найти файлы .html и .css.

Это то, что отображается в консоли, когда я запускаю его

Observatory listening at http://127.0.0.1:54254/ 
Test Component STARTED 
index.html:1 GET http://127.0.0.1:3030/packages/TestModule/test_component/test.css 404 (Not Found) 
index.html:1 GET http://127.0.0.1:3030/packages/TestModule/test_component/test.html 404 (Not Found) 
2 HTTP 404: <html><head><title>404 Not Found</title></head><body>File not found</body></html> 

STACKTRACE: 
null

источник

2015-11-05 user5499276

Есть некоторые проблемы, связанные с этим в репозитории GitHub https://github.com/angular/angular.dart, но я не знаю, каков текущий статус. –

Попробуйте

name: TestModule 
    dependencies: 
     angular: "^1.1.2+2" 
     browser: any 
    transformers: 
    - angular: 
     html_files: 
      - packages/TestModule/test_component/test.html

Для файла CSS, однако, я думаю, вам нужно всего лишь поместить их в ту же папку, как файл Дарта компонента.

источник

2015-11-14 18:29:38 pandawarrior

Это сработало, спасибо! – user5499276

Пользовательский пакет углового дартного компонента

ответ

Смежные вопросы