vuetify: [Bug Report] Css Map on server with router:base

Versions and Environment

Vuetify: 1.0.3 Vue: 2.5.13 Browsers: Chrome 64.0.3282.167 OS: Windows 10

Steps to reproduce

Make a project and use the base option of vue-router.

example from nuxt.config.js:

module.exports = {
  router: {
    base: '/gw2-treasury/'
  }
}

Expected Behavior

vuetify should reflect that option

Actual Behavior

vuetify does not look use the base option

Reproduction Link

https://github.com/vuetifyjs/nuxt

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 1
Comments: 20 (5 by maintainers)

Commits related to this issue

fix(build): remove CSS sourcemaps from production builds fixes #3403 — committed to vuetifyjs/vuetify by KaelWD 6 years ago
fix(build): remove CSS sourcemaps from production builds (#3441) * fix(build): remove CSS sourcemaps from production builds fixes #3403 * Only enable CSS sourcemaps when using `yarn watch` — committed to vuetifyjs/vuetify by KaelWD 6 years ago

Most upvoted comments

This ended up working for me in the end:

build: {

cssSourceMap: false, // add this into the nuxt.config

extend (config) {

  config.devtool = false

},

Dave Maharaj

Owner / Designer / Developer

mailto:dave@movepixels.com dave@movepixels.com

http://www.movepixels.com/ www.movepixels.com 709-757-9457

From: gomezmark [mailto:notifications@github.com] Sent: Tuesday, June 5, 2018 8:28 AM To: vuetifyjs/vuetify vuetify@noreply.github.com Cc: Dave Maharaj dave@movepixels.com; Mention mention@noreply.github.com Subject: Re: [vuetifyjs/vuetify] [Bug Report] Css Map on server with router:base (#3403)

same problem here

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/vuetifyjs/vuetify/issues/3403#issuecomment-394667533 , or mute the thread https://github.com/notifications/unsubscribe-auth/AB0KcU_r3hqhDHeyqHpiftwlLcBBzOUvks5t5mRNgaJpZM4SUvm8 .

movepixels on Jun 5, 2018

Could you, please, provide some examples how to configure vuetify with nuxt properly or maybe point to some documentation? I was using “official” vuetifyjs/nuxt and I haven’t found proper configuration there.

dhampik on Mar 17, 2018

I have the same problem. Downloaded the “official” vuetifyjs/nuxt package, installed no errors. Run dev all good. Hit refresh F5, I am bombarded with the continuous flow of:

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_alerts.css.map +1s


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_alerts.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_icons.css.map +490ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_app.css.map +20ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_avatars.css.map +211ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_badges.css.map +5ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_icons.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_app.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_avatars.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_bottom-navs.css.map +573ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_bottom-sheets.css.map +4ms

  nuxt:render Rendering url /assets/style/app.css.map +2ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_badges.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_dialogs.css.map +60ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_overlay.css.map +68ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_bottom-sheets.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/assets/style/app.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_bottom-navs.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_dialogs.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_overlay.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_breadcrumbs.css.map +570ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_buttons.css.map +20ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_progress-circular.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_button-toggle.css.map +2ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_cards.css.map +37ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_button-toggle.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_buttons.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_breadcrumbs.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_progress-circular.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_cards.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_carousel.css.map +532ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_jumbotrons.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_input-groups.css.map +26ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_selection-controls.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_progress-linear.css.map +31ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_carousel.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_input-groups.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_selection-controls.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_jumbotrons.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_progress-linear.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_chips.css.map +551ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_tables.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_data-table.css.map +5ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_text-fields.css.map +10ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_select.css.map +43ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_data-table.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_chips.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_tables.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_text-fields.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_select.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_dividers.css.map +548ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_menus.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_subheaders.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_lists.css.map +7ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_small-dialog.css.map +49ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_lists.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_menus.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_dividers.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_subheaders.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_small-dialog.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_date-picker-title.css.map +577ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_date-picker-header.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_date-picker-table.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_date-picker-years.css.map +7ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_pickers.css.map +47ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_date-picker-table.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_date-picker-title.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_date-picker-header.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_date-picker-years.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_pickers.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_expansion-panel.css.map +546ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_footer.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_content.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_grid.css.map +9ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_navigation-drawer.css.map +46ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_content.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_expansion-panel.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_footer.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_grid.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_navigation-drawer.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_pagination.css.map +553ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_parallax.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_radio-group.css.map +5ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_sliders.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_snackbars.css.map +51ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_sliders.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_radio-group.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_parallax.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_pagination.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_snackbars.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_speed-dial.css.map +573ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_steppers.css.map +7ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_switch.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_system-bars.css.map +2ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_tabs.css.map +52ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_system-bars.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_switch.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_speed-dial.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_steppers.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_tabs.css.map',
  message: 'This page could not be found' }
  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_time-picker-title.css.map +547ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_time-picker-clock.css.map +4ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_toolbar.css.map +3ms

  nuxt:render Rendering url /node_modules/vuetify/src/stylus/components/_tooltips.css.map +9ms


{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_time-picker-title.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_tooltips.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_time-picker-clock.css.map',
  message: 'This page could not be found' }

{ statusCode: 404,
  path: '/node_modules/vuetify/src/stylus/components/_toolbar.css.map',
  message: 'This page could not be found' }

This does not show anywhere in DevTools but in the node server, so not only is it not supposed to happen, it also takes development longer since every change I have to wait for this to run then have access to the actual site.

Anyone else?

movepixels on Apr 22, 2018