Ionic troubleshooting – ngcordova Failed to instantiate module starter due to

今天嘗試跟著 ngCordova 的例子和文章
http://ngcordova.com/docs/
嘗試使用ngCordova plugins/Library/ wrapper 來開發一些 Android 程式
我在他的”Custom Build” 頁面上下載了我需要的ngCordova Plugins
ngCordova Custom Build

之後自行在我的ionic 資料夾上建立了 “lib/ngCordova/dist” 資料夾來儲存這個js 檔

之後在”js/app.js“上登記了 ‘ngCordova

E.G.

angular.module('starter', ['ngCordova', 'ionic', 'starter.controllers'])

Add ngCordova Module to Ionic's app.js
誰不知當我在preview的的Ionic Application時出現空白頁面

在檢查Google Chrome Console上看到以下的錯誤信息

Uncaught Error: [$injector:modulerr] Failed to instantiate module starter due to:
Error: [$injector:modulerr] Failed to instantiate module ngCordova due to:
Error: [$injector:nomod] Module ‘ngCordova’ is not available! You either misspelled the mod……1)

[$injector:modulerr] Failed to instantiate module starter due to

做了一會research之後發現..
原來我們需要使用 bower來安裝 ngCordova 才能使用的

解決方法

我們可以在這個IonicApplication 資料來上
NodeJsCommand prompt輪入以下 指令來安裝

bower install -SF ngCordova

Bower Install ngCordova

如果嘗試安裝 Bower時出現問題..,可以嘗試參考以下網誌..看看能不能解決

‘bower’ is not recognized as an internal or external command

安裝完成後再次執行這個Ionic Application

ionic serve

Ionic Application 成功在Browser上顯示正常資訊了
Ionic Application with ngCordova Plugins

Hope it solve your issue

One thought on “Ionic troubleshooting – ngcordova Failed to instantiate module starter due to

  1. Pingback: ‘bower’ is not recognized as an internal or external command | Share ChiWai/Share 智慧/智慧分享 – 技術分享/Tech Blog

Leave a Reply