angularjs - cordova.js 导致引用错误 'require is not defined'

Question

我想用 ngCordova 检测设备的网络状态。但是，只要我包含 cordova.js 我收到一个错误 -

Uncaught ReferenceError: require is not defined (cordova.js:23)

我已经安装并成功运行 Node.js 和 Cordova ，我已经下载并安装了 ngCordova following the instructions here .

我也安装了 网络信息插件通过 Cordova CLI ——

cordova plugin add cordova-plugin-network-information

根据文档，这是我正在使用的代码示例(为了澄清，一旦我包含了cordova.js，就会发生错误，所以即使没有这个代码片段，我仍然会收到错误；这是我的最终目标) ——

var app = angular.module('myApp', ['ngCordova']);

app.controller('myCtrl', ['$rootScope', '$scope', '$cordovaNetwork', function($rootScope, $scope, $cordovaNetwork){

    document.addEventListener("deviceready", function () {

        var type = $cordovaNetwork.getNetwork()

        var isOnline = $cordovaNetwork.isOnline()

        var isOffline = $cordovaNetwork.isOffline()


        // listen for Online event
        $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
            var onlineState = networkState;
        })

        // listen for Offline event
        $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
            var offlineState = networkState;
        })

    }, false);

}]);

在我的 index.html 文件我已经确定我已经按照指定的顺序声明文件是必需的 -

angular.min.js

ngCordova.min.js

cordova.js

我该如何解决这个错误？

Answer 1

这里的答案是 Cordova CLI 自动包含 cordova.js以及构建应用程序时的任何必要依赖项。
cordova.js文件放在www目录，所以你所要做的就是包含该文件 -

<script type="text/javascript" src="cordova.js"></script>

引用一个您不包含的文件似乎不合逻辑，但是一旦您了解 CLI 的工作原理，它就有意义了。

初学者的主要问题是它的文档很差。事实上， Cordova 整体上似乎记录不充分，不是在数量方面而是在相关性方面 - 旧版本太多了。不过，这是一个了不起的项目，希望这将在不久的将来得到解决。