error while upgrading from vuetify 1.5
See original GitHub issueCould not create it on the given issue creator because I do not have url for codepen etc Trying to upgrade to new version on a laravel installation. It works fine witn 1.5 module.
- $ npm uninstall node-sass
- $ npm i -D sass
- $ npm uninstall -S vuetify
- $ npm install vuetify --save
- npm run watch
ERROR Failed to compile with 2 errors 14:24:45
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
NoSuchMethodError: method not found: 'pathToFileURL' (url.pathToFileURL is not a function)
at runLoaders (D:\wamp64\www\RMS\node_modules\webpack\lib\NormalModule.js:302:20)
at D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at render (D:\wamp64\www\RMS\node_modules\sass-loader\lib\loader.js:52:13)
at Function.call$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:53423:16)
at _render_closure1.call$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:33244:12)
at _RootZone.runBinary$3$3 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:19644:18)
at _RootZone.runBinary$3 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:19648:19)
at _FutureListener.handleError$1 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18116:19)
at _Future__propagateToListeners_handleError.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18401:40)
at Object._Future__propagateToListeners (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3460:88)
at _Future._completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18237:9)
at _SyncCompleter._completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18103:19)
at _SyncCompleter.completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18072:12)
at _AsyncAwaitCompleter_completeError_closure.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:17623:29)
at Object._microtaskLoop (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3510:21)
at StaticClosure._startMicrotaskLoop (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3516:11)
at _AsyncRun__scheduleImmediateJsOverride_internalCallback.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:17530:21)
at invokeClosure (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:1343:26)
at Immediate._onImmediate (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:1364:18)
at runCallback (timers.js:810:20)
at tryOnImmediate (timers.js:768:5)
at processImmediate [as _immediateCallback] (timers.js:745:5)
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
NoSuchMethodError: method not found: 'pathToFileURL' (url.pathToFileURL is not a function)
@ ./resources/sass/app.scss 2:14-255
Asset Size Chunks
Chunk Names
/js/app.js 3.03 MiB /js/app [emitted] /js/app
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
NoSuchMethodError: method not found: 'pathToFileURL' (url.pathToFileURL is not a function)
at runLoaders (D:\wamp64\www\RMS\node_modules\webpack\lib\NormalModule.js:302:20)
at D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (D:\wamp64\www\RMS\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at render (D:\wamp64\www\RMS\node_modules\sass-loader\lib\loader.js:52:13)
at Function.call$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:53423:16)
at _render_closure1.call$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:33244:12)
at _RootZone.runBinary$3$3 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:19644:18)
at _RootZone.runBinary$3 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:19648:19)
at _FutureListener.handleError$1 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18116:19)
at _Future__propagateToListeners_handleError.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18401:40)
at Object._Future__propagateToListeners (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3460:88)
at _Future._completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18237:9)
at _SyncCompleter._completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18103:19)
at _SyncCompleter.completeError$2 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:18072:12)
at _AsyncAwaitCompleter_completeError_closure.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:17623:29)
at Object._microtaskLoop (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3510:21)
at StaticClosure._startMicrotaskLoop (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:3516:11)
at _AsyncRun__scheduleImmediateJsOverride_internalCallback.call$0 (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:17530:21)
at invokeClosure (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:1343:26)
at Immediate._onImmediate (D:\wamp64\www\RMS\node_modules\sass\sass.dart.js:1364:18)
at runCallback (timers.js:810:20)
at tryOnImmediate (timers.js:768:5)
at processImmediate [as _immediateCallback] (timers.js:745:5)
@ ./resources/sass/app.scss
ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
NoSuchMethodError: method not found: 'pathToFileURL' (url.pathToFileURL is not a function)
@ ./resources/sass/app.scss 2:14-255
Issue Analytics
- State:
- Created 4 years ago
- Reactions:4
- Comments:20 (5 by maintainers)
Top Results From Across the Web
Errors when upgrading vuetify from 1.5 to 2.1 - Stack Overflow
In 1.5, when creating the final app variable, we did not have to specify vuetify in the object. You could just do Vue.use(Vuetify)...
Read more >[Solved]-Errors when upgrading vuetify from 1.5 to 2.1-vuetify.js
In 1.5, when creating the final app variable, we did not have to specify vuetify in the object. You could just do Vue.use(Vuetify)...
Read more >Upgrade Guide — Vuetify
Upgrade Guide. # Upgrading from v1.5.x to v2.0.x. Version 2 contains non backwards compatible breaking changes.
Read more >vuetify - npm
Vue Material Component Framework. Latest version: 2.6.13, last published: 12 days ago. Start using vuetify in your project by running `npm i ...
Read more >Vuetify upgrade to 2 - Bogdan's blog
In this Vuetify 2 upgrade guide, you will learn to complete a ... build your project at this point, you will likely get...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I have the same issue. But i don’t use vuetify or any vue products in my current project at all (love it tough). So i don’t think it is a problem in app.scss which i now assume to be part of vuetify.
I tried a couple of things and found a workaround that may work for you all. It tried downgrading like this: npm install sass@1.22.7 --save-dev
And that works! There is something wrong with the latest release at the moment. e.g. the one you get with npm install sass@1.22.8 --save-dev
Ok found it, either roll back to
sass
1.22.7
OR make sure you are using node>= 10.12.0
, see https://github.com/sass/dart-sass/issues/780#issuecomment-514935273