custom_element_apigen: 将 paper-datatable 导入 Dart 时出错

Question

我按照步骤，按照https://github.com/dart-lang/custom-element-apigen:

1. node/npm (v3.5.3) 安装
2. 已安装 bower (v1.7.2)
3. 已安装水解 (v1.21.4)
4. .bowerrc 创建了以下内容

{ "directory": "lib/src" }

5. bower install --save paper-datatable (https://github.com/David-Mulder/paper-datatable) 执行

6. apigen.yaml 创建了以下内容

files_to_generate: - paper-datatable\paper-datatable.html

7. custom_element_apigen 库添加 pubspec.yaml

dependencies: custom_element_apigen: ^0.2.1+1

8. pub run custom_element_apigen:update apigen.yaml 命令已执行。

此命令有误

第一个错误：在Windows 上无效。 https://github.com/dart-lang/custom-element-apigen/issues/43.

详情

作为解决方法，我创建了 process_elements.bat（而不是 process_elements.sh），内容如下：

node packages\custom_element_apigen\src\js\analyze.js %1

我编辑 generate_dart_api.dart 并将调用 .bat 改为 .sh 为：

'D:/Users/Administrador/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/custom_element_apigen-0.2.1+1/lib/src/js/process_elements.bat', [inputPath]);

然后，我有了一个解决方法！

第二个错误，我没有解决！

现在，执行命令c:\dart-sdk\bin\pub run custom_element_apigen:update apigen.yaml时出现如下问题：

D:\Users\Administrador\WebstormProjects\Facilis>c:\dart-sdk\bin\pub run custom_e
lement_apigen:update apigen.yaml
←[32m1 of 1: lib\src\paper-datatable\paper-datatable.html←[0mUnhandled exception
:
Failed to parse element files!

exit code: 0
stderr:
stdout:
D:\Users\Administrador\WebstormProjects\Facilis>node packages\custom_element_api
gen\src\js\analyze.js lib\src\paper-datatable\paper-datatable.html
{"imports":["lib/src/polymer/polymer.html","lib/src/paper-datatable/paper-datata
ble-column.html","lib/src/paper-datatable/paper-datatable-edit-dialog.html","lib
/src/paper-datatable/datatable-icons.html","lib/src/paper-checkbox/paper-checkbo
x.html","lib/src/paper-tooltip/paper-tooltip.html"],"elements":{"PaperDatatable"
:{"name":"paper-datatable","properties":{"data":{"hasGetter":true,"hasSetter":tr
ue,"name":"data","type":"Array","description":"\nArray of objects containing the
 data to be shown in the table.\n\n"},"multiSelection":{"hasGetter":true,"hasSet
ter":true,"name":"multiSelection","type":"Boolean","description":"\nWhether to a
llow selection of more than one row.\n\n"},"progress":{"hasGetter":true,"hasSett
er":true,"name":"progress","type":"Boolean","description":"\nWhether to show the
 progress bar. As the progress bar is often not used in standalone\n`<paper-data
table>'s the `<paper-progress>` element isn't included by default and needs to b
e\nmanually imported.\n\n"},"resizeBehavior":{"hasGetter":true,"hasSetter":true,
"name":"resizeBehavior","type":"String","description":"\nOverflow, fixed or 'dyn
amic-columns'\n\n"},"selectable":{"hasGetter":true,"hasSetter":true,"name":"sele
ctable","type":"Boolean","description":"\nWhether to show checkboxes on the left
 to allow row selection.\n\n"},"selectedItem":{"hasGetter":true,"hasSetter":true
,"name":"selectedItem","type":"Object","description":"\nIf `multi-selection` is
off then this contains the selected row.\n\n"},"selectedItems":{"hasGetter":true
,"hasSetter":true,"name":"selectedItems","type":"Array","description":"\nIf `mul
ti-selection` is on then this contains an array of the selected rows.\n\n"},"sel
ectedKey":{"hasGetter":true,"hasSetter":true,"name":"selectedKey","type":"Object
","description":"\nIf `multi-selection` is off then this contains the key of the
 selected row.\n\n"},"selectedKeys":{"hasGetter":true,"hasSetter":true,"name":"s
electedKeys","type":"Array","description":"\nIf `multi-selection` then this cont
ains an array of selected row keys.\n\n"},"listeners":{"hasGetter":true,"hasSett
er":true,"name":"listeners","type":"Object","description":""},"observers":{"hasG
etter":true,"hasSetter":true,"name":"observers","type":"Array","description":""}
},"methods":{"customRowStyle":{"name":"customRowStyle","type":null,"description"
:"\nMethod that can be overwritten to apply a custom style to specific rows.\n\n
IMPORTANT: This is a property, not a method you should call directly.\n\t\t\t\t
","isVoid":true,"args":[{"name":"rowItem","description":""}]},"deselect":{"name"
:"deselect","type":null,"description":"\nDeselect the specified item. Ignore the
 `notify` parameter.\n\n","isVoid":true,"args":[{"name":"item","description":""}
,{"name":"notify","description":""}]},"deselectAll":{"name":"deselectAll","type"
:null,"description":"\nDeselect all currently selected items. Ignore the `notify
` parameter.\n\t\t\t\t ","isVoid":true,"args":[{"name":"notify","description":""
}]},"filter":{"name":"filter","type":null,"description":"\nThe filter attribute
can be used to specify a filter which will be applied to the `data`.\nNote that
selections should fully ignore filtering, and a filter only affects which data i
s\nvisible.\n\nThe function takes three arguments: `item`, `key` and `items` per
 the JS filter function.\n\nFor a demo please see [here](demo/filter.html).\n\nI
MPORTANT: This is a property, not a method you should call directly.\n\n","isVoi
d":true,"args":[]},"reload":{"name":"reload","type":null,"description":"\nIf you
 have been changing data on the `data` property outside of the official Polymer
functions\ncalling this function *may* get you the updates you want.\n\t\t\t\t "
,"isVoid":true,"args":[]},"reset":{"name":"reset","type":null,"description":"\nH
ardcore reset of the entire element. Sets `data` to `[]` and resets all cells.\n
\t\t\t\t ","isVoid":true,"args":[]},"select":{"name":"select","type":null,"descr
iption":"\nSelect the specified item. Ignore the `notify` parameter.\n\n","isVoi
d":true,"args":[{"name":"item","description":""},{"name":"notify","description":
""}]},"sort":{"name":"sort","type":null,"description":"\nSort the specified colu
mn, where `column` is a reference to the actual `<paper-datatable-column>`\nelem
ent.\n\t\t\t\t ","isVoid":true,"args":[{"name":"column","description":""}]},"tog
gleAll":{"name":"toggleAll","type":null,"description":"\nTriggered by clicking t
he top left checkmark. If all are checked it will deselect all checked items.\nI
f some or none are checked it will select all items\n\t\t\t\t ","isVoid":true,"a
rgs":[]},"ready":{"name":"ready","type":null,"description":"","isVoid":true,"arg
s":[]}},"description":"\n# Paper Datatable\n\nA [material design implementation
of a data table](https://www.google.com/design/spec/components/data-tables.html)
.\n\n","behaviors":["Polymer.IronResizableBehavior"]}},"behaviors":{},"path":"li
b\src\paper-datatable\paper-datatable.html"}


#0      _parseError (package:custom_element_apigen/generate_dart_api.dart:202:3)

#1      _parseFile.<_parseFile_async_body> (package:custom_element_apigen/genera
te_dart_api.dart:160:5)
#2      _RootZone.runUnary (dart:async/zone.dart:1149)
#3      _Future._propagateToListeners.handleValueCallback (dart:async/future_imp
l.dart:502)
#4      _Future._propagateToListeners (dart:async/future_impl.dart:585)
#5      _Future._completeWithValue (dart:async/future_impl.dart:376)
#6      Future.wait.<anonymous closure> (dart:async/future.dart:299)
#7      _RootZone.runUnary (dart:async/zone.dart:1149)
#8      _Future._propagateToListeners.handleValueCallback (dart:async/future_imp
l.dart:502)
#9      _Future._propagateToListeners (dart:async/future_impl.dart:585)
#10     _Future._completeWithValue (dart:async/future_impl.dart:376)
#11     _Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:
430)
#12     _microtaskLoop (dart:async/schedule_microtask.dart:43)
#13     _microtaskLoopEntry (dart:async/schedule_microtask.dart:52)
#14     _runPendingImmediateCallback (dart:isolate-patch/isolate_patch.dart:96)
#15     _RawReceivePortImpl._handleMessage (dart:isolate-patch/isolate_patch.dar
t:151)

我做错了什么吗？或者这是一个错误？

谢谢！

Answer 1

这是一个错误，该软件包未在 windows 上进行测试，因为它主要刚刚被 polymer dart 团队使用。

大体上看起来，修复只需要像您已经做的那样加载 .bat 文件，然后调整路径以使用正确的目录分隔符。

参见https://github.com/dart-lang/custom-element-apigen/issues/43。