简体   繁体   English

如何使用 Angular 在 Nativescript 中生成新组件?

[英]How to generate a new Component in Nativescript with Angular?

I'm new to Nativescript and Angular and wonder how to generate a new Component.我是 Nativescript 和 Angular 的新手,想知道如何生成新的组件。 I've create a new Project with tns create and then choose Angular as Framework and a Template.我用tns create创建了一个新项目,然后选择 Angular 作为框架和模板。 After playing around I want to add a new Component but don't know how.玩完之后,我想添加一个新组件,但不知道如何添加。 I've try to install @nativescript/schematics with npm and try tns generate component ... but then get this exception:我尝试使用 npm 安装@nativescript/schematics并尝试tns generate component ...但随后出现此异常:

Error: Invalid rule result: Instance of class Promise.
    at t.project (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:250:1038)
    at t._tryNext (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:1878)
    at t._next (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:1780)
    at t.next (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:1093)
    at e._subscribe (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:74:13873)
    at e._trySubscribe (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:4641)
    at e.subscribe (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:4427)
    at e.call (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:1459)
    at e.subscribe (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:4299)
    at C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:145:10377
    at s (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:6063)
    at t._innerSub (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:2033)
    at t._tryNext (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:1957)
    at t._next (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:30:1780)
    at t.next (C:\Users\Pascal\AppData\Roaming\npm\node_modules\nativescript\node_modules\@nativescript\schematics-executor\dist\index.js:16:1093)
    at SafeSubscriber.__tryOrUnsub (C:\Users\Pascal\AppData\Roaming\npm\node_modules\@nativescript\schematics\node_modules\rxjs\internal\Subscriber.js:207:16)

请参考原理图文档,试试

ng g c component-name

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM