使用TypeScript和外部Telerik模块构建我自己的NativeScript应用程序

我正在构建一个简单的NativeScript应用程序，并尝试使用TypeScript基本代码来实现它

我正在OSX下使用升华文本3

通过查看演示应用程序，我意识到

tns\u模块

与存储库匹配，因此我将其作为Git子模块添加到我的

app/

文件夹中，然后对其进行编译（

npm I&&grunt

）。这是集成这些模块的错误方式吗

然后我意识到我不能只运行一个由

.ts

文件组成的应用程序的

tns模拟android

：我也必须编译它们。所以我设置了一个Grunt任务来完成这个任务，但是处理依赖关系并不容易。我在

app/

中得到了这个

Gruntfile.coffee

：

module.exports=（咕噜）->
grunt.loadNpmTasks'grunt typescript'
grunt.config'typescript'，
建造：
src:[
“***.ts”
“！*_模块/**”
]
选项：
参考资料：[
“tns_模块/bin/dist/definitions/***.d.ts”
]
目标：“es5”
sourceMap:false
声明：虚假
模块：“commonjs”
诺雷索夫：是的

它可以与简单的代码一起工作，例如，我可以通过编写以下代码来扩展一个模块，如

Observable

：

import observable=require（“数据/可观察”）；
课堂活动是可观察的{
//...
}

然后，我使用

grunt

（与

.ts

文件一起创建

.js

文件）进行编译，并使用

tns-emulate-android

（使用Genymotion-emulator）运行

它是适合我的开发的架构吗？当我使用Telerik平台时，编译过程是隐藏的，所以我不确定我是否做对了

现在我正试图在页面的XML文件中直接使用Telerik的模块，方法如下：

...

但我得到了这个错误：

E/TNS.Native（2456）：TypeError:无法读取未定义的属性“android” E/TNS.Native（2456）：文件：“/data/data/org.nativescript.scmobile/files/app//TNS_modules/bin/dist/apps/TelerikNEXT/TelerikUI/side bar，第39行，第39列

对应于：

this.\u android=new com.telerik.android.primitives.widget.sidedrawer.RadSideDrawer（this.\u上下文）；

---

你知道我应该如何包含这些模块吗？请注意，我是移动开发新手。

他们在示例中使用的边栏是（payed）

因此，它需要下载并添加

tns library add{ios | android}/path/to/the/sidebar

此命令将从指定的共享库文件夹中读取project.properties文件，并在项目中添加对该文件的引用。如果共享库反过来引用了其他项目，则这些项目将被递归包含。因此，这将创建一个新的文件夹库，该文件夹库与现有的应用程序和平台同级orms

---

我明白了，但这些控件不是免费的（500美元！）而且没有出现在试用版中…所以我想我必须自己制作？！不幸的是，差不多是这样。或者找到另一个组件。@antoine129请看一下我创建的动画侧菜单模块。它还没有更新为最新版本的NativeScript，但它可以让您在构建自己的组件方面领先一步。