Angular6 + Cordova：未加载cordova

Question

我知道这是一个常见问题，但找到的所有解决方法都是“在 index.html 中包含 cordova.js”或“将 href="." 更改为 href="./""

我认为 cordova API 未加载到应用程序中，因为未调用 deviceready 回调。 但我仍然可以运行该应用程序（但使用 navigor.mediadevices 的组件不起作用）。

index.html

<base href="./">
<script src=”cordova.js”></script>
<script>
window.isready = false;
function ready(){
    alert('test');
    console.log('test');
    window.isready = true; // this is always false
}
document.addEventListener('deviceready', ready, false);
</script>

该事件永远不会触发

我如何安装 cordova 和构建应用程序

npm install -g cordova
cordova create cordova
cd cordova && cordova platforms add android
rm -rf cordova/www/*
ng build --prod --aot --output-path=cordova/www
cd cordova && cordova build android

cordova 的 package.json

... 
"dependencies": {
    "cordova-android": "^7.0.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-media-capture": "^3.0.2",
    "cordova-plugin-whitelist": "^1.3.3"
},
"cordova": {
    "plugins": {
        "cordova-plugin-whitelist": {},
        "cordova-plugin-media-capture": {},
        "cordova-plugin-device": {}
    },
    "platforms": [
        "android"
    ]
}

Answer 1

deviceready 事件处理程序的设置是正确的。问题似乎是您包含cordova.js。以下是您应该解决的问题：

1. 在上面的代码示例中，您使用倾斜的双引号而不是普通的双引号包含了 cordova.js。

尝试改变这个：

<script src=”cordova.js”></script>

到这里：

<script src="cordova.js"></script>

1. 在您的 Android 设备上运行该应用程序，通过 USB 将您的设备连接到您的计算机，在您的设备上启用开发人员模式调试，然后打开 chrome://inspect 以在应用程序运行时对其进行实时检查。确保 cordova.js 确实存在并且在应用启动时成功加载。

2. 包含cordova.js 的顺序可能会有所不同。您可能需要将<script src="cordova.js"></script> 移动到设置deviceready 事件处理程序的<script> 块下方。