自定義角度飛鏢組件包

我有一個角度飛鏢組件我創建，我正嘗試在我的主項目中使用。我正在使用路徑包來引用它。組件的構造函數（在dart文件中）正在被調用，但是我得到的錯誤是無法找到.css和.html文件。它正在尋找它們的路徑似乎存在，所以我不知道它爲什麼找不到它們。自定義角度飛鏢組件包

我在我的代碼中使用了其他自定義組件，但沒有與它們關聯的html或css文件，它們很好，它似乎僅限於html和css文件。

這裏是我的代碼

test.dart位於位於test_component/lib目錄/ test_component/

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

test_component/lib目錄/ 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的pubspec.yaml

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

位於主/ SRC

main.dart /主/鏢/網絡

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 repo 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文件不過，我想你只需要把它們放到同一個文件夾作爲組件的Dart文件。

來源

2015-11-14 18:29:38 pandawarrior

這工作，謝謝你！ – user5499276

自定義角度飛鏢組件包

回答

相關問題