Sendgrid-nodejs: Masalah menggunakan sendgrid dengan Nuxt

Halo @tokopedia ,

Bisakah Anda memberikan file log yang berisi kesalahan? Terima kasih!

Salam hangat,

Elmer

Saat sendgrid dideklarasikan: var helper = require ('sendgrid'). Mail

[email protected] dev C: \ nodejs \ jpServer \ jps01
nuxt

ERROR Gagal mengkompilasi dengan 3 kesalahan21: 49: 13

Ketergantungan ini tidak ditemukan:

• fs di ./node_modules/mime/mime.js, ./node_modules/sendgrid/lib/helpers/inbound/parse.js dan 1 lainnya

Untuk menginstalnya, Anda dapat menjalankan: npm install --save fs

Hai @ditaputrii ,

Sepertinya Anda tidak memiliki paket terbaru, dapat Anda coba ini ?

Hai Thomas,
Sudah mencoba dengan ini (v6.0.0) dan mendapatkan dependensi yang belum terselesaikan untuk: fs,
tls, net. Saya kira modul ini tidak didukung di Nuxt.

Pada Sel, 29 Agustus 2017 pukul 22.45, Elmer Thomas [email protected]
menulis:

Hai @froquette https://github.com/froquette ,

Sepertinya Anda tidak memiliki paket terbaru, bisakah Anda mencobanya
https://github.com/sendgrid/sendgrid-nodejs/tree/master/packages/mail#install-package
?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/sendgrid/sendgrid-nodejs/issues/432#issuecomment-325813542 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AGHRvDF7oB8-4q33M90EeDRStG1uqUwPks5sdIZbgaJpZM4PGf2j
.

-
Cumprimentos,
Filipe Roquette

Hai @ditaputrii ,

Bisakah Anda memberikan kesalahan apa (dari log Anda) yang Anda dapatkan ketika mencoba menginstal v6?

Apakah Anda mencoba npm install --save fs ?

Hai Thomas,
Terima kasih atas dukungan Anda!!

Saya telah kembali ke versi sebelumnya karena v6.0.0 menunjukkan belum terselesaikan
dependensi dari fs, tls dan net. Jika benar-benar diperlukan, saya dapat menginstal ulang dan
mengirimi Anda log kompilasi yang menunjukkan masalah ini.

Saya mencoba menginstal "fs" tetapi menimbulkan masalah lain. Karena Nuxt adalah SSR
(rendering sisi server) Saya kira modul sisi klien seperti "fs" tidak
didukung.

Pada Sel, 29 Agustus 2017 pukul 22.56, Elmer Thomas [email protected]
menulis:

Hai @froquette https://github.com/froquette ,

Bisakah Anda memberikan kesalahan apa (dari log Anda) yang Anda dapatkan saat
Anda mencoba menginstal v6?

Apakah Anda mencoba npm install --save fs?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/sendgrid/sendgrid-nodejs/issues/432#issuecomment-325816203 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AGHRvNmrCg3uroNcipz4wH4UXevb7oYkks5sdIj7gaJpZM4PGf2j
.

-
Cumprimentos,
Filipe Roquette

Halo @tokopedia ,

Terima kasih atas pembaruannya! Log akan membantu kami mencari tahu apakah ada solusi yang baik. Jika Anda punya waktu, akan sangat menyenangkan melihat mereka.

Salam hangat,

Elmer

Ini log dengan dependensi package.json: "@ sendgrid / mail": "^ 6.1.1"

[email protected] dev C: \ nodejs \ jpServer \ jps01
nuxt

ERROR Gagal mengkompilasi dengan 6 kesalahan17: 57: 10

Dependensi ini tidak ditemukan:

• fs di ./node_modules/request/lib/har.js
• bersihkan di ./node_modules/forever-agent/index.js, ./node_modules/tough-cookie/lib/cookie.js dan 1 lainnya
• tls di ./node_modules/forever-agent/index.js, ./node_modules/tunnel-agent/index.js

Untuk menginstalnya, Anda dapat menjalankan: npm install --save fs net tls

Hai @ditaputrii ,

Ini sepertinya terkait: https://github.com/request/request/issues/1529

Sudah mencoba, tetapi masih mengalami masalah yang sama.

Pada Kamis, 31 Agustus 2017 pukul 18.28, Elmer Thomas [email protected]
menulis:

Hai @froquette https://github.com/froquette ,

Ini sepertinya terkait: request / request # 1529
https://github.com/request/request/issues/1529

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/sendgrid/sendgrid-nodejs/issues/432#issuecomment-326366422 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AGHRvBltsGrWEt3JkddfT49NPyyrKkxWks5sdu07gaJpZM4PGf2j
.

-
Cumprimentos,
Filipe Roquette

Hai @ditaputrii ,

Solusi mana yang Anda coba dan apa kesalahannya?

Akhirnya berhasil membuatnya bekerja. Tidak yakin apa masalahnya sebelumnya. Pokoknya di mana ekstrak "nuxt.config.js" yang berfungsi,

  build: {
    extend (config) {
      config.node = {
        console: true,
        fs: 'empty',
        net:'empty',
        tls:'empty',
      }
    },
   ...

Terima kasih telah meluangkan waktu untuk membagikan solusinya! Sebagai rasa terima kasih, bisakah Anda mengisi formulir ini agar kami dapat mengirimkan barang curian?

Terima kasih atas dukungannya dan menunjukkan arah yang benar.
Salam, Filipe

Enviado melakukan meu iPad

Tanpa dia 07/09/2017, às 17:17, Elmer Thomas [email protected] escreveu:

Terima kasih telah meluangkan waktu untuk membagikan solusinya! Sebagai rasa terima kasih, bisakah Anda mengisi formulir ini agar kami dapat mengirimkan barang curian?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau nonaktifkan utasnya.

@tokopedia
Saya mencoba untuk mencapai hal yang sama dan jawaban Anda memperbaiki kesalahan saya sebelumnya tetapi entah bagaimana saya tidak bisa mendapatkan yarn run build untuk dieksekusi. Saya mendapatkan kesalahan berikut:

ERROR in pages/contact.92ae317ce1e8cd6ecca8.js from UglifyJs Unexpected token: punc (,) [./node_modules/@sendgrid/helpers/index.js:12,18][pages/contact.92ae317ce1e8cd6ecca8.js:2002,25]

Apakah Anda mengalami kesalahan yang sama dan jika demikian, bagaimana Anda memperbaikinya?

Saya menggunakan npm (bukan benang) dan tidak mengalami kesalahan seperti itu.

Pada hari Jumat, 8 Sep 2017 pukul 11:54, Eljas [email protected] menulis:

@froquette https://github.com/froquette
Saya mencoba untuk mencapai hal yang sama dan jawaban Anda memperbaiki kesalahan saya sebelumnya
tapi entah kenapa saya tidak bisa mendapatkan benang run build untuk dieksekusi. Saya mendapatkan
kesalahan berikut:

ERROR di halaman / kontak.92ae317ce1e8cd6ecca8.js dari UglifyJs Tak terduga
token: punc (,) [./node_modules/@sendgrid/helpers/index.js:12,18][pages/
contact.92ae317ce1e8cd6ecca8.js: 2002,25]

Apakah Anda mengalami kesalahan yang sama dan jika demikian, bagaimana Anda memperbaikinya?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/sendgrid/sendgrid-nodejs/issues/432#issuecomment-328072989 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AGHRvMomseMLkiwd0TDy9P_Y69zNuAWoks5sgRzrgaJpZM4PGf2j
.

-
Cumprimentos,
Filipe Roquette

Halo @jloproductions ,

Sepertinya Anda mungkin mengalami masalah ini . Bisakah Anda melihatnya dan memberi tahu kami? Terima kasih!

Salam hangat,

Elmer

Hai @serius
Tidak bisa membuatnya bekerja. Bisakah Anda memberikan beberapa contoh?

@tokopedia
Apakah Anda menggunakan beberapa template starter Nuxt.js dengan proyek Anda?

Saya akhirnya bisa menjalankan build saya. Saya mengubah UglifyJsPlugin saya menjadi BabiliPlugin ( yarn add babili-webpack-plugin ).
Ini nuxt.config.js saya:

const BabiliPlugin = require('babili-webpack-plugin')
module.exports = {
    ...
    build: {
        extend (config, ctx) {
          config.node = {
            console: true,
            fs: 'empty',
            net: 'empty',
            tls: 'empty'
          }
          if (ctx.dev && ctx.isClient) {
            config.module.rules.push({
              enforce: 'pre',
              test: /\.(js|vue)$/,
              loader: 'eslint-loader',
             exclude: /(node_modules)/
            })
          }
          if(!ctx.dev) {
            config.plugins = config.plugins.filter((plugin) => plugin.constructor.name !== 'UglifyJsPlugin')
            config.plugins.push(new BabiliPlugin())
           }
        },
    },
    ...
}

Tapi sekarang saya memiliki beberapa kesalahan CORS dengan SendGrid API
Fetch API cannot load https://api.sendgrid.com/v3/mail/send. Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'https://sendgrid.api-docs.io' that is not equal to the supplied origin. Origin 'https://my-url.com' is therefore not allowed access. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Saya menggunakan contoh kirim email dasar dari https://github.com/sendgrid/sendgrid-nodejs/tree/master/packages/mail .

Hai @eljass ,
Saya menemukan masalah Anda dengan UglifyJ segera pindah ke produksi. Untuk saat ini saya baru saja menghapus plugin UglifyJs, tetapi dengan beberapa waktu lagi akan mencoba solusi Anda. Terima kasih!

Mengenai masalah CORS. Saya juga mencoba untuk menghilangkan masalah ini. Sudah mencoba menyetel tajuk di kirim pesan ke sendgrid tetapi tidak berhasil. Di sini tajuk yang saya gunakan,
header: {
'Content-Type': 'application / json',
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'POST, GET, OPTIONS',
'Access-Control-Allow-Headers': 'X-Requested-With'
}
--- BELUM SUKSES !!!

Hello @froquette @eljass,

Terima kasih telah terus membagikan kemajuan Anda. Berkenaan dengan CORS, silakan lihat dokumentasi ini .

Salam hangat,

Elmer

@serius
Tidak menemukan sesuatu yang baru di dokumentasi itu. Tidak bisa membuatnya bekerja dengan sendgrid contoh nodejs dasar. Apakah ada beberapa langkah tambahan selain menyetel variabel lingkungan untuk kunci API?

@bayu_joo
Tidak banyak menemukan baik di dokumentasi.
Yang saya anggap aneh adalah memiliki kode klien sendgrid saya di dalam toko / tindakan, seharusnya hanya kode sisi server yang menggunakan API sendgrid dan karena itu tidak dapat memahami masalah CORS.
Aplikasi saya dihosting di Heroku dan mungkin Anda mengetahui beberapa contoh yang dapat saya gunakan untuk menguji di Heroku. Ini pasti akan membantu karena saya terjebak dengan masalah ini juga.
Bersulang

@froquette @eljass,

Terima kasih atas tindak lanjutnya!

Untuk membantu lebih lanjut, saya perlu mempelajari lebih lanjut tentang penyiapan Anda sehingga saya dapat mencoba menggandakan. Bisakah Anda menjelaskan kepada saya cara menduplikasi penyiapan Anda? Dunia halo yang sederhana sudah cukup.

Teori saya adalah bahwa Anda mencoba memanfaatkan SendGrid melalui sisi frontend / sisi klien vs. sisi server. Dalam hal ini, masalah CORS adalah pelakunya. Saya tidak mengerti bagaimana masalah CORS akan terjadi di sisi server.

Salam hangat,

Elmer

@bayu_joo
Terima kasih atas dukungannya!
Saya mencoba jalur baru untuk memastikan ada pemisahan tegas dari kode klien dan server. Akan melaporkan di sini segera setelah hasilnya.
Terbaik, Filipe

@froquette Apakah Anda pernah menemukan solusi untuk masalah ini?

Iya. Saya sekarang menggunakan Express dan Nuxt. (Lihat
https://github.com/nuxt-community/express-template)
Halaman vue saya memanggil tindakan toko yang menggunakan api REST untuk memanggil file
fungsi email sisi server. Bekerja dengan baik.

Pada Rabu, 1 Nov 2017 pukul 13.40, Thomas Ongeri [email protected]
menulis:

@froquette https://github.com/froquette Apakah Anda pernah menemukan solusi untuk
masalah ini?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/sendgrid/sendgrid-nodejs/issues/432#issuecomment-341108847 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AGHRvPzJLZvaMZA8Q5HUBwjLVc9q73CRks5syHTbgaJpZM4PGf2j
.

-
Cumprimentos,
Filipe Roquette

@septianjoko_hari ,
Saya baru saja mulai membuat aplikasi nuxtjs pertama kali dan mencapai hambatan yang sama. Bisakah Anda memberikan contoh kode yang berfungsi lengkap bagaimana cara mengaktifkan dan menjalankannya?

@muhammedjenos bukan Sendgrid, tetapi jika Anda melakukan JAMstack dengan Nuxt dan hanya ingin mengambil email, saya sarankan untuk mencoba Converkit - mereka membiarkan Anda menyematkan formulir pengambilan email dengan HTML & JS tanpa masalah

https://convertkit.com/features/forms

Juga, saya tidak berafiliasi dengan Convertkit karena saya hanya menimbang opsi saya dan menemukan utas ini