When running npm run dev getting this error dep.getResourceIdentifier is not a function

[bulgariamitko]

• Laravel Version: 5.6.17
• PHP Version: PHP 7.1.15-0ubuntu0.17.10.1 (cli)
• Database Driver & Version: mysql Ver 14.14 Distrib 5.7.21, for Linux (x86_64) using EditLine wrapper
• Node Version: 9.11.1
• NPM Version: 5.8.0
• Webpack Version: 4.6.0

Description:

When running npm run dev I am getting this error dep.getResourceIdentifier is not a function

10% building modules 0/1 modules 1 active …ue-forms/resources/assets/sass/app.s 10% building modules 1/2 modules 1 active …JS/vue-forms/resources/assets/js/app 10% building modules 1/3 modules 2 active …ue-forms/resources/assets/sass/app.s 10% building modules 2/3 modules 1 active …JS/vue-forms/resources/assets/js/app 10% building modules 2/4 modules 2 active …ue-forms/resources/assets/sass/app.s 10% building modules 2/5 modules 3 active …e_modules/style-loader/lib/addStyles 10% building modules 3/5 modules 2 active …ue-forms/resources/assets/sass/app.s 10% building modules 4/5 modules 1 active …ue-forms/resources/assets/sass/app.s 10% building modules 4/6 modules 2 active …s/node_modules/style-loader/lib/urls 10% building modules 4/7 modules 3 active …-forms/resources/assets/js/bootstrap 10% building modules 5/7 modules 2 active …-forms/resources/assets/js/bootstrap 10% building modules 5/8 modules 3 active …rms/node_modules/vue/dist/vue.common 10% building modules 6/8 modules 2 active …-forms/resources/assets/js/bootstrap.jsTypeError: dep.getResourceIdentifier is not a function
    at addDependency (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:403:30)
    at iterationOfArrayCallback (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:88:3)
    at addDependenciesBlock (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:423:5)
    at Compilation.processModuleDependencies (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:434:4)
    at afterBuild (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:556:15)
    at buildModule.err (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:600:11)
    at callback (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:358:35)
    at module.build.error (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/Compilation.js:394:12)
    at handleParseResult (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/NormalModule.js:371:12)
    at doBuild.err (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/NormalModule.js:393:6)
    at runLoaders (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/webpack/lib/NormalModule.js:272:12)
    at /var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/loader-runner/lib/LoaderRunner.js:370:3
    at iterateNormalLoaders (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/loader-runner/lib/LoaderRunner.js:211:10)
    at Array.<anonymous> (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/loader-runner/lib/LoaderRunner.js:202:4)
    at Storage.finished (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
    at provider (/var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9)
    at /var/www/html/demos/laracastSerials/22VueJS/vue-forms/node_modules/graceful-fs/graceful-fs.js:78:16

Steps To Reproduce:

• run npm install
• then run npm run dev

Connected to this issue
And Redirected from this issue

[weezqyd]

I had the same issue after upgrading webpack to 4.6.0. To fix this remove webpack-cli and webpack: ^4.6.0 and install webpack:^3.11.0 everything should work fine now..

[devcircus]

Yes. Mix isn't currently compatible with Webpack 4. Follow along here to keep up with progress.

[bulgariamitko]

@weezqyd , yes that's a work around, but we want a fix 😃

[weezqyd]

As @devcircus says follow up on that PR #1495 for webpack 4 integration. I think it will merged soon..

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.