integración de whatsapp-web.js con vuejs
Soy un traductor de español que traduce documentos de TI. Traduce lo siguiente al español. No traduzcas el código y la salida en markdown.
Soy nuevo en vuejs ..
No entiendo cómo enlazar este vue js y whatapp-web.js
https://github.com/pedroslopez/whatsapp-web.js
instalar
vue init webpack-simple whatsapp-vue
cd whatsapp-vue
npm i whatsapp-web.js
npm install
npm run dev
main.js
import Vue from ‘vue’
import App from ‘./App.vue’
const { Client } = require(‘whatsapp-web.js’);
const client = new Client();
new Vue({
el: ‘#app’,
render: h => h(App)
})
Recibí un error cuando ejecuté npm run dev
client?cd17:167 ./node_modules/whatsapp-web.js/index.js
El análisis del módulo ha fallado: Símbolo inesperado (24:4)
Es posible que necesite un cargador adecuado para manejar este tipo de archivo.
| List: require(‘./src/structures/List’),
| Buttons: require(‘./src/structures/Buttons’),
| …Constants
| };
|
@ ./src/main.js 4:15-41
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
pero funciona con momentjs
https://i.stack.imgur.com/qj0XQ.png
¿Alguien puede ayudarme con un ejemplo?
Gracias.
davy.ai
Para vincular vue.js y whatsapp-web.js, puedes seguir estos pasos:
npm run dev
, es posible que te encuentres con un error que dice “Module parse failed: Unexpected token”. Esto se debe a que webpack no está configurado para manejar la biblioteca whatsapp-web.js.Para solucionar esto, necesitas agregar un archivo de configuración de webpack. Crea un nuevo archivo en el directorio raíz llamado
webpack.config.js
y agrega el siguiente código:Con estos pasos, deberías poder vincular vue.js y whatsapp-web.js y usarlos juntos en tu proyecto.