使用 typescript 创建 NS 2.5 项目

Posted

技术标签:

【中文标题】使用 typescript 创建 NS 2.5 项目【英文标题】:Creating a NS 2.5 project with typescript 【发布时间】:2017-10-23 07:36:06 【问题描述】:

我正在尝试使用 typescript 创建一个新的 2.5 项目。

tns info 表示 NS 为 2.5.3,tns-core-modules 为 2.5.2。

tns 创建测试 --template tsc

编译时出现以下错误:

`

从 C:\Users\pc\nativescript\sd4\hooks\before-prepare\nativescript-dev-android-snapshot.js 执行 before-prepare 钩子 从 C:\Users\pc\nativescript\sd4\hooks\before-prepare\nativescript-dev-typescript.js 执行 before-prepare 钩子 找到对等的 TypeScript 2.2.2 app/app.ts(8,22):错误 TS2307:找不到模块“应用程序”。

app/bundle-config.ts(1,11):错误 TS2304:找不到名称“全局”。

app/bundle-config.ts(3,5):错误 TS2304:找不到名称 'require'。

app/bundle-config.ts(6,5):错误 TS2304:找不到名称“全局”。 app/bundle-config.ts(6,46): 错误 TS2304: 找不到名称 'require'。

app/main-page.ts(8,22): 错误 TS2307: 找不到模块 'ui/page'。

app/main-view-model.ts(23,18):错误 TS2339:“HelloWorldModel”类型上不存在属性“notifyPropertyChange”。

`

【问题讨论】:

tsc 模板已更新为适用于所有 3.0 位。您需要通过 tns create test --template tns-template-hello-world-ts@2.5 专门指向 2.5 typescript 模板 【参考方案1】:

以下是使用旧模板和 NativeScript 2.5.x 创建项目的步骤

tns create test --template tns-template-hello-world-ts@2.5.0
cd test
rm -rf hooks
rm -rf platforms
rm -rf node_modules
tns platform add android@2.5.0
tns plugin remove tns-core-modules
tns plugin add tns-core-modules@2.5.2
tns build android

这将使用 tns-core-modules 2.5.2 和 android runtime 2.5.0 构建您的项目,最后您的 package.json 将如下所示


  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": 
    "id": "org.nativescript.myAppMod25",
    "tns-android": 
      "version": "2.5.0"
    
  ,
  "dependencies": 
    "nativescript-theme-core": "~1.0.2",
    "tns-core-modules": "2.5.2"
  ,
  "devDependencies": 
    "babel-traverse": "6.4.5",
    "babel-types": "6.4.5",
    "babylon": "6.4.5",
    "lazy": "1.0.11",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-typescript": "~0.3.5",
    "typescript": "~2.1.0"
  

请记住,第一步将为您的 tsconfig.json 和 references.d.ts 创建 NativeScript 2.5.x 所需的内容。您可以使用this application 作为参考。

【讨论】:

以上是关于使用 typescript 创建 NS 2.5 项目的主要内容,如果未能解决你的问题,请参考以下文章

TypeScript 2.5 发布,增加语言级重构

Vue 2.5将迎来有关TypeScript的优化!

如何为 POST 请求调试 TypeScript NS_BINDING_ABORTED

[TypeScript] Type check JavaScript files using JSDoc and Typescript 2.5

Vue 2.5 升级对TypeScript的支持

Vue 2.5中将迎来有关TypeScript的改变!