Questions tagged [nuxtjs]
375 questions
20
votes
4 answers
Nuxtjs vuetify throwing lots of `Using / for division is deprecated and will be removed in Dart Sass 2.0.0.`
Nuxtjs using vuetify throwing lots of error Using / for division is deprecated and will be removed in Dart Sass 2.0.0. during yarn dev
Nuxtjs: v2.15.6
@nuxtjs/vuetify": "1.11.3",
"sass": "1.32.8",
"sass-loader": "10.2.0",
Anyone know how to fix it…
kwong ho
- 201
- 1
- 4
8
votes
0 answers
How to use nuxt auth module with AWS Cognito ui
I am want to build an app which has a static frontend ( target: 'static' in nuxt.config.js ), and a backend using ktor. The app will need to authenticate users but I do not want to manage passwords and things myself, so I would like to integrate…
Aarjav
- 1,135
- 8
- 19
7
votes
2 answers
How can solve the ERROR [BABEL] maximum size 500KB issue in server?
I am using NUXTJS application for an SSR page, but i am getting an error of bootstrap-vue icon size issue.
The file is hosted in AWS server and this will be the error
The code generator has deoptimised the styling of…
Syam kumar KK
- 354
- 5
- 24
6
votes
1 answer
How do you use custom fonts with TailwindCSS and NuxtJS?
So I'm building a website with NuxtJS using Tailwind CSS for my styles. I'm using the @nuxtjs/tailwindcss module.
The issue is that my fonts don't seem to be loading on the browser. The correct font-family is still applied by the CSS as you can see…
Kerunix
- 103
- 1
- 5
4
votes
1 answer
NuxtJs Auth with multiple strategies, endpoints getting overwritten
I am building a web app using NuxtJs and I am using nuxtjs/auth-next for OAuth authorization with Google and Facebook auth providers. I have configured post authorization endpoints to fetch token from backend, while it works when I just have one…
Aster
- 193
- 1
- 4
- 11
4
votes
0 answers
How to create a Pre-Loading/ Splash Screen in Nuxt.js before the app starts?
I have tried to add a loader as shown in the nuxt.js documentation in between the routes but its not work. But I'm not able to add a splash screen before the app starts.
Code snippet in my components/loading.vue
Shalom Alexander
- 53
- 4
4
votes
1 answer
Nuxt layouts/error.vue does not work in production build the way it does in development
Referencing the docs, i added layouts/error.vue for a page handling errors. Testing this in development (npm run dev), everything works as expected. But when I do npm run build and then npm start, The error page is not rendered when i test throwing…
learnsomemore
- 516
- 4
- 12
3
votes
0 answers
Best way to run some code only once on server start in Nuxt.js (and not during build)
While I wrote this answer for StackOverflow I came across the problem that I wanted to execute some code exactly once in Nuxt.js when the server is started (or while the server is starting).
I thought about writing a module or a plugin, but I did…
Markus Weninger
- 8,844
- 4
- 47
- 112
3
votes
3 answers
nuxt auth : Google provider return invalid_request
I try to set google authentication with Nuxt Auth module, but I got following error from google:
Error 400 : invalid_request
Parameter not allowed for this message type: nonce
Here is my config
// nuxt.config.js
modules: ["@nuxtjs/axios",…
ZecKa
- 1,551
- 11
- 24
3
votes
2 answers
Nuxt.js fetch on page reload
When using nuxt.js fetch(), whenever I reload the page, it does not fetch it again. Only if I come from a router-link. How do I force it to actually refetch from my API?
export default {
async fetch() {
const data = await…
CunnertA
- 121
- 10
3
votes
2 answers
How to update $auth.user properties in Nuxt.js?
When I want to update $auth.user.balance:
methods:{
test(){
this.$auth.user.balance = 10;
}
}
But it returns error:
Error: [vuex] do not mutate vuex store state outside mutation handlers.
How can I update these vuex properties in…
Fred II
- 423
- 7
- 16
3
votes
0 answers
How to I use WebPushr in Nuxt JS
How do I use WebPushr in a Nuxt JS PWA to send push notifications. I have followed the guide on their online documentation https://docs.webpushr.com/manual-integration but I can't seem to make it work in Nuxt JS.
// start webpushr code
…
Izak T
- 176
- 1
- 4
3
votes
2 answers
How do I deploy an SSR NuxtJs app to a host
I'm coming from the SPA / React world and am working on my first Nuxtjs SSR app.
When I run an npm run build I'm expecting artifacts to be created which can be copied over to my production environment that are then run using node on the server. When…
nova
- 97
- 6
3
votes
1 answer
Using privateRuntimeConfig in Nuxt 2.13
I found this great post to properly manage environment variables in a Nuxt v2.13 app.
I simply tried to implement the proposed logic, but I am encountering some problems that I would like to ask you.
I set publicRuntimeConfig and…
Wonderman
- 605
- 4
- 18
3
votes
1 answer
Keep current list of data before replace by up coming list of data Vuejs and vue-infinite-loading
I would like to keep a list of data before another up coming list of data replaced.
I'm using this plugin in my vuejs project: https://peachscript.github.io/vue-infinite-loading to loading more data.
Scenario:
Reload to get list of data by calling…
CHHUM Sina
- 355
- 3
- 12