Question

我正按照页面上列出的说明尝试将ionic-native-transitions添加到我的应用中。他们在线的步骤：

鲍尔

bower install shprink/ionic-native-transitions

离子CLI

Ionic plugin add https://github.com/Telerik-Verified-Plugins/NativePageTransitions#0.5.4`

配置

angular.module('yourApp', [
    'ionic-native-transitions'
]);

这就是一切都破裂的地方，我得到以下错误：

未捕获错误：[$ injector：modulerr]无法实例化模块 yourApp由于：错误：[$ injector：modulerr]无法实例化模块离子原生过渡由于：错误：[$ injector：nomod]模块＆＃39;离子天然跃迁＆＃39;不可用！你要么拼错了模块名称或忘记加载它。如果注册模块，请确保您将依赖项指定为第二个参数。

我错过了什么地方吗？即使它是非常明显的东西，例如我必须在index.html添加内容吗？

Answer 1

我在我的一个项目中使用过这个插件并且工作得很好，

使用命令

添加 ionic-native-transitions 插件

cordova plugin add https://github.com/Telerik-Verified-Plugins/NativePageTransitions

此插件包含许多动画样式（向上，翻转，幻灯片，淡入淡出，抽屉等），用于更改视图过渡。

请参阅此tutorial

如果您有任何疑问。请告诉我？谢谢

Answer 2

嗨，由于某些原因，我得到了完全相同的问题...... 1 /我用bower install shprink / ionic-native-transitions --save在我的项目中安装了lib 2 /包含在我的index.html文件中 3 /在routes.js文件中包含require 4 / cordova插件是否添加了https://github.com/Telerik-Verified-Plugins/NativePageTransitions

但最后我得到了：nativepagetransitions被禁用或nativepagetransitions插件不存在

Answer 3

您需要将脚本添加到index.html文件中。

<script type="text/javascript" src="path-to-ionic-native-transitions.min.js"></script>

Answer 4

我遇到了同样的问题。了解您是否使用脚手架工具（我使用generator-ionic-gulp）非常重要。最近他们改变了编译过程的“方式”，看到这个链接（第2点）。 https://www.npmjs.com/package/generator-ionic-gulp#development-mode

以前，最终vendor.js文件（包含所有依赖项）的导出来自vendor.json，现在它来自bower.json。因此，为了正常工作，您必须更新该文件：）

如何在我的Ionic项目中添加插件？

4 个答案: