mqtt cordova visualstudio2015：未捕获的ReferenceError：未定义要求答案

【问题标题】：mqtt cordova visualstudio2015 : Uncaught ReferenceError: require is not definedmqtt cordova visualstudio2015：未捕获的ReferenceError：未定义要求
【发布时间】：2018-06-23 19:21:17
【问题描述】：

MQTT 插件：https://www.npmjs.com/package/mqtt 我使用

安装了 MQTT 插件

npm install mqtt --save

而且，我也做了以下步骤浏览器化

1.npm install -g browserify // install browserify
2.cd node_modules/mqtt
3.npm install . // install dev dependencies
4.browserify mqtt.js -s mqtt > browserMqtt.js // require mqtt in your client-side app

网页包

1.npm install -g webpack // install webpack
2.cd node_modules/mqtt
3.npm install . // install dev dependencies
4.webpack mqtt.js ./browserMqtt.js --output-library mqtt

我在我的.html 文件中添加了这样的内容

    <script src="../browserMqtt.js"></script>
    <script src="scripts/paho-mqttws31.js"></script>
    <script src="scripts/mqtt.js"></script>

我还添加到我的.js 文件中

const mqtt = require("mqtt");

我有错误。

paho-mqttws31.js:2268 Uncaught ReferenceError: module is not defined 在 paho-mqttws31.js:2268（匿名）@ paho-mqttws31.js:2268 =>if(module && module.exports) module.exports=Paho;

mqtt.js:1 Uncaught ReferenceError: require is not defined at mqtt.js:1 =>var Paho = require('cordova-plugin-mqtt-pahojs.paho_mqttws31');

发生了这两个错误，'=>' 标记指向发生错误的地方。

所以，我删除了这两个

然后我得到一个错误

Uncaught ReferenceError: require is not defined

并链接为错误发生位置

我又遇到了一个错误：

加载资源失败：服务器响应状态为 404 (Not Found) 4400/favicon.ico

I'm getting favicon.ico error

我已经搜索并应用了上面的一些参考资料。但是，它根本不起作用。

【问题讨论】：

我解决了这个问题。在您的 config.xml 中，像这样添加您的插件
如果你使用的是visual studio，你可以忽略favicon错误。

标签： javascript visual-studio-2015 cordova-plugins mqtt visual-studio-cordova

【解决方案1】：

我解决了这个问题。在你的 config.xml 中，像这样添加你的插件

<plugin name="cordova-plugin-mqtt" version="0.3.8" /> <plugin name="cordova-plugin-device" version="2.0.1" /> 
<plugin name="cordova-plugin-mqtt-pahojs" version="1.5.2" />

如果您使用的是 Visual Studio，则可以忽略 favicon 错误。

【讨论】：