2016-07-31 17 views
5

現在越來越難以看到Ionic 2出現的文檔或示例。如何在Ionic V1/Angular 1.x中導入ionic.native.js

我想在舊的Ionic V1項目中使用ionic.native.js。 的是,安裝與npm

npm install ionic-native --save

但現在我有node_modules/作爲一個依賴下噸npm模塊。離子文件說:

如果您正在使用角的1.x或純ES5的JavaScript,你需要 ionic.native.js添加到您的index.html

,但他們不給例如「如何」將它放置在index.html - 這是我的問題。

目前我的文件位於:

> find . -name ionic.native.js 
./node_modules/ionic-native/dist/ionic.native.js 

有對node_modules/ DIR沒有一飲而盡任務......讓我怎麼把它導入index.html?或者我可能在錯誤的地方使用了npm命令? (目前它在項目中,gulpfile.js生命的根目錄)

回答

4

我和你有同樣的問題。

到底,是什麼最終解決它使用:

bower install ionic-native --save 

這將文件添加到lib /目錄,這是從索引頁訪問。

然後在index.html文件,添加:

<script src="lib/ionic-native/ionic.native.js"></script> 

希望這有助於!

+0

鮑爾vs npm ...正確! –

0

js文件夾複製ionic.native.js並添加<script src="js/ionic.native.js"></script>到您的index.html

+0

但對於所有的依賴,離子怎麼會知道從node_modules讓他們/ dir? –

+0

如果您將離子本機捆綁包JS文件導入到index.html中,您將可以通過IonicNative變量訪問插件 。 –

+0

但'npm install ionic-native'安裝了20個其他npm依賴項,它不會找到它們 –

0

我被這個沮喪了。我最終只是複製ionic.native.js文件到lib文件夾中,並將其導入有這樣的:

<script src="lib/ionic.native.js"></script>

這工作,但我擔心的是,現在它會是一個麻煩來處理它,它是依賴關係。

0

如果你想使用npm而不是bower,您可以在安裝插件時添加路徑到所需位置:

npm install ionic-native --save --prefix www/lib 
相關問題