mqtt cordova visualstudio2015 : Uncaught ReferenceError: require is not defined

Question

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

Webpack

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 at paho-mqttws31.js:2268 (anonymous) @ 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

并链接为错误发生位置

我又遇到一个错误：

Failed to load resource: the server responded with a status of 404 (Not Found) 4400/favicon.ico

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

Answer 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，您可以忽略图标错误。

mqtt cordova visualstudio2015 : Uncaught ReferenceError: require is not defined

mqtt cordova visualstudio2015 : Uncaught ReferenceError: require is not defined

javascript

mqtt

cordova-plugins

visual-studio-cordova

visual-studio-2015