mqtt cordova visualstudio2015 : Uncaught ReferenceError: require is not defined

Question

MQTT Plugin : https://www.npmjs.com/package/mqtt I installed MQTT Plugin using

npm install mqtt --save

And, also i did below step Browserify

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

And i added like this in my .html file

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

and i also added in my .js file

const mqtt = require("mqtt");

and i have got errors.

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');

these two error are occurred and '=>' mark is pointed to a place which is occurring error.

So, i have deleted this two

then i got one error that

Uncaught ReferenceError: require is not defined

and linked as error occurring position

And i got one more error :

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

I'm getting favicon.ico error

I'm getting favicon.ico error

I have searched and been applying some references above. However, it didn't work at all.

Answer 1

I fixed this problem. In your config.xml, add your plugin like this

<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" />  

And if you are using visual studio, you can ignore favicon error.