找不到離子3應用程序命名空間「谷歌」

Question

誰能幫我嘗試使用谷歌的變量在我的項目後，該錯誤即時得到我的離子3應用程序，

npm install --save @types/google-maps

裏面添加以下內容我的package.json：

"@types/google-maps": "^3.2.0",

我也沒有聲明declare var google;

並沒有typings install dt~google.maps --global

然後我看到了這一點soultion並嘗試過，但沒有工作，要麼（通知我產生IOS鍵和android鍵） 試過這種 Cannot find namespace 'google'

ionic cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE" $ npm install --save @ionic-native/google-maps

要點爲我的map.ts多數民衆贊成拍攝此錯誤：

https://gist.github.com/abdulfatah-ah1407281/25bc95352d0b1ba8e02b7d1e55cc7779

當我運行離子

錯誤服務：

Cannot find namespace 'google'. 
C:/Users/pkhon/Desktop/k/ItBroken/src/components/map/map.ts 
private map: google.maps.Map; 
public isMapIdle:boolean; 

Answer 1

你沒有提到它，但我猜你是在Windows上。您正在使用離子模式，並且在某些情況下（不確定誰負責，離子模式或打字稿），在同一個tsconfig.json文件將在macos（也可能是linux）上工作時存在平臺差異，但在沒有明確添加typeRoots條目到您的tsconfig.json的compilerOptions，如下所示：

// tsconfig.json 
{ 
    "compilerOptions": { 
    // ... other stuff 
    "typeRoots": [ 'node_modules/@types' ] 
    } 
    // ... other stuff 
}