30pings

Kalau ingin menggunakan Nuxt dan Sass atau menggunakan library yang menggunakan Sass seperti Bootstrap Vue, kita dapat menambahkan file itu ke dalam project dengan menambahkannya dalam file nuxt.config.js pada bagian 'css'. Jika muncul pesan error seperti: "This relative module was not found". Pastikan untuk menambahkan modul node-sass dan sass-loader dengan menggunakan package manager npm atau yarn.

Konteks : Saat pertama kali membuat project dengan Nuxt.js dan menjalankan server lokal untuk development terdapat error dengan pesan:  No rules found within configuration. Have you provided a "rules" property? Solusi : Buka file stylelint.config.js, tambahkan rules: {} di dalam modul.

Masalah: Bagaimana caranya menambahkan URL API ke dalam project Vue.js? Ketika berhadapan dengan sebuah nilai yang akan digunakan dalam project dan tidak ingin mengotori source code, contohnya variabel URL untuk API, kita menggunakan domain berbeda dalam development dan production (misal http://localhost:7000 untuk development, dan https://example.com untuk production). Solusi: Kita bisa menggunakan ENV / file .env. Cukup tambahkan .env di root project. Lalu tambahkan nilai apapun di dalamnya, tapi dengan syarat selalu didahului oleh VUE_APP_* pada nama variablenya. Contoh untuk API_URL, kita bisa menggunakan VUE_APP_API_URL. Lalu pada file yang membutuhkan variable ini, untuk bisa mendapatkan nilainya, ambil dengan metode process.env.VUE_APP_NAMAVAR . Troubleshooting Jika variable tidak bekerja atau menghasilkan null/undefined, restart server terlebih dahulu (npm run serve).