2

我是纯Javascript开发人员(angularjs & nodejs)&对android或ios应用程序没有任何知识。我遵循的nativescipt教程,并创造nativescipt(角)与下面的链接帮助应用程序: Wiring up Google Maps Nativescript plugin with Angular 2
但在运行后:tns plugin add nativescript-google-maps-sdk,并在运行命令tns run android有一个例外NativeScript nativescript-google-maps-sdk不会唤​​醒

D:\ts\app\sample-Groceries>tns run android 
    Executing before-prepare hook from D:\ts\app\sample-Groceries\hooks\before-prepare\nativescript-dev-typescript.js 
    Found peer TypeScript 1.8.10 
    Project successfully prepared 
    WARNING: The file: D:\ts\app\sample-Groceries\node_modules\nativescript-google-maps-sdk\platforms\android\AndroidManifest.xml is depricated, you can read more about what will be the expected plugin structure here: https://www.nativescript.org/blog/migrating-n-android-plugins-from-version-1.7-to-2.0 
    WARNING: The file: D:\ts\app\sample-Groceries\node_modules\nativescript-google-maps-sdk\platforms\android\res\values\nativescript_google_maps_api.xml is depricated, you can read more about what will be the expected plugin structure here: https://www.nativescript.org/blog/migrating-n-android-plugins-from-version-1.7-to-2.0 

    :config phase: createDefaultIncludeFiles 
      +found plugins: nativescript-google-maps-sdk 
    { 
        "F0" { 
        dimension "nativescriptgooglemapssdk" 
        } 
       } 
    }Renaming plugin directory to flavor name: D:\ts\app\sample-Groceries\platforms\android\src\nativescript-google-maps-sdk 
-> D:\ts\app\sample-Groceries\platforms\android\src\F0 
      +found plugins: tns-core-modules-widgets 
    { 
        "F1" { 
        dimension "tnscoremoduleswidgets" 
        } 
       } }Renaming plugin directory to flavor name: D:\ts\app\sample-Groceries\platforms\android\src\tns-core-modules-widgets 
D:\ts\app\sample-Groceries\platforms\android\src\F1 

    :config phase: createPluginsConfigFile 
      Creating product flavors include.gradle file in D:\ts\app\sample-Groceries\platforms\android/configurations folder... 

    :config phase: pluginExtend 
      +applying configuration from: D:\ts\app\sample-Groceries\platforms\android\configurations\include.gradle 
      +applying configuration from: D:\ts\app\sample-Groceries\platforms\android\configurations\nativescript-google-maps-sdk\include.gradle 
      +applying configuration from: D:\ts\app\sample-Groceries\platforms\android\configurations\tns-core-modules-widgets\include.gradle 

    :config phase: copyAarDependencies 

    :config phase: addAarDependencies 
      +adding dependency: D:\ts\app\sample-Groceries\platforms\android\libs\aar\widgets-release.aar 

    FAILURE: Build failed with an exception. 

我参观https://www.nativescript.org/blog/migrating-n-android-plugins-from-version-1.7-to-2.0网页,但没有得到任何信息来解决这个例外。

回答

2

可能的解决办法是尝试与tns platform remove android删除Android平台,并与tns platform add android重新添加。

关于nativescript-google-maps-sdk插件。我从头开始使用这个插件创建了示例项目。您可以在这里查看:NativeScript-Angular-GoogleMaps。最重要的部分是在

NativeScript-Angular-GoogleMaps/app/App_Resources/Android/values/nativescript_google_maps_api.xml 添加此代码段

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <string name="nativescript_google_maps_api_key">API_KEY</string> 
</resources> 

,并在文件node_modules/nativescript-angular/element-registry.js

此行

registerElement("mapView", function() { return require("nativescript-google-maps-sdk").MapView; });

这的末尾添加行将帮助NativeScript找到MapView元素。

+0

感谢真棒示例项目。 但建议我已经删除android平台并再次添加它,现在异常更改为: '无法找到com.google.android.gms:play-services-maps:+的任何匹配项,因为没有com.google的版本.android.gms:发挥服务,地图是available.' 我使用VSCode和Genymotion模拟器 –

+1

默认情况下Genymotion没有谷歌播放服务。有两种方法来解决这个问题:遵循这些:如何安装谷歌播放上Genymotion服务](http://stackoverflow.com/questions/33344857/preview-google-nexus-5x-6-0-0- api-23-gapps)步骤,并在您的模拟器上配置Google Play服务,或在真实设备上部署您的应用。 –

+1

将'registerElement ...'行添加到文件'main.ts'就足够了。在'node_modules'中更改文件不是一个好主意,因为如果重新安装模块,则必须重做更改。 – Leukipp