Babel causa un error de error de tipo no capturado en el código de componente de ES5 Vue transstackdo

Trabajando en un pequeño proyecto Node.js que necesita enviar objetos JSON a través de sockets. Descubrí que JsonSocket ( https://github.com/sebastianseilund/node-json-socket ) atendió mis necesidades y ejecutar las simples demostraciones de servidor / cliente proporcionadas por ese autor funciona muy bien.

Estoy adaptando el código de demostración del Cliente ( https://github.com/sebastianseilund/node-json-socket#simple-clientserver-example ) a un marco de proyecto Vue.js-Babel-Browserify y coloco el código en un componente .vue expediente. Los cambios implican principalmente pasar datos de un campo de texto HTML (texto predeterminado incluido en el parámetro de data enlace) al servidor de escucha a través de una conexión de socket, activada por un botón HTML. Pero no voy a ir más allá del gatillo en este punto.

Lo que estoy obteniendo es: Uncaught TypeError: _net2.default.Socket is not a constructor cuando se envían los datos a través del socket con este código transstackdo: var socket = new _jsonSocket2.default(new _net2.default.Socket());

A continuación se muestra el código original .vue:

 import net from 'net' import JsonSocket from 'json-socket' export default { data () { return { header: 'Login', messageStuff: '{ "cmd": "send", "what": { "this": "that" } }' } }, methods: { submitMessage() { var stuff = JSON.parse(this.messageStuff) var port = 8069 var host = '192.168.11.5' var socket = new JsonSocket(new net.Socket()) <-- *** source of the culprit! *** socket.connect(port, host) socket.on('connect', function () { socket.sendMessage(stuff) socket.on('message', function (message) { console.log('Server replies...') console.dir(message) }) }) } } } 

Y aquí está el código transstackdo de la sección relevante del script:

  var _net = require('net'); var _net2 = _interopRequireDefault(_net); var _jsonSocket = require('json-socket'); var _jsonSocket2 = _interopRequireDefault(_jsonSocket); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { data: function data() { return { header: 'Login', messageStuff: '{ "cmd": "send", "what": { "this": "that" } }' }; }, methods: { submitMessage: function submitMessage() { var stuff = JSON.parse(this.messageStuff); var port = 8069; var host = '192.168.11.5'; var socket = new _jsonSocket2.default(new _net2.default.Socket()); <-- *** the culprit! *** socket.connect(port, host); socket.on('connect', function () { socket.sendMessage(stuff); socket.on('message', function (message) { console.log('Server says...'); console.dir(message); }); }); } } }; })() 

No estoy seguro de por qué Babel cortó la línea (donde la marca <--- está en el código en ambas ventanas).

De alguna manera, siento que esto está relacionado con los errores inesperados de “UnCught TypeError: XXX no es un constructor” con Babel y ES6, pero en ese caso la solución giró en torno a agregar acceso a la propiedad predeterminada en una statement de requerimiento. No estoy seguro de cómo podría lograr lo mismo con la import dentro del componente vue.

Se agradecería cualquier insistencia en la dirección correcta.