probably_joe's avatar

Mix cannot find dependencies for app.js and app.scss

I am trying to follow along with the "Laravel Mix and the Front-end" episode. I had a few hiccups with some modules, but I think that I have resolved those. Now I am getting this dependency error even though the files are clearly in my project.

95% emitting ERROR Failed to compile with 2 errors12:27:19 PM These dependencies were not found:

  • C:\Laravel Projects\recipeGatherer\resources\assets\js\app.js in multi ./resou rces/assets/js/app.js ./resources/assets/sass/app.scss
  • C:\Laravel Projects\recipeGatherer\resources\assets\sass\app.scss in multi ./r esources/assets/js/app.js ./resources/assets/sass/app.scss

To install them, you can run: npm install --save C:\Laravel Projects\recipeGathe rer\resources\assets\js\app.js C:\Laravel Projects\recipeGatherer\resources\asse ts\sass\app.scss A sset Size Chunks Chunk Names /js/app.js 2.8 kB 0 [emitted] /js/app mix-manifest.json 32 bytes [emitted]

Thanks for any assistance.

Joe

0 likes
9 replies
spectreh's avatar

I have the same issue, looking forward to a solution!

sakaye87's avatar

I'm having the same issue. I installed a fresh copy of laravel 5.4 and got the same thing too. I've updated node and npm to the latest versions.

I've also removed my node_modules folder and ran npm install to get the same error.

alcirsimoes's avatar

Same here: After a lot of debugging, comparing node_modules from a project that is working... i found that some modules were not being installed... not all of them were really necessary, so i got it working by installing the following:

npm install sass-loader

npm install babel-loader

npm install vue-loader

3 likes
spectreh's avatar

@alcirsimoes your fix worked. I just reinstalled these 3 modules and I no longer get the error. Probably a version mismatch somewhere within those packages or something.

Thanks!

1 like
probably_joe's avatar

Using @alcirimoes's suggestion, I resolved one of the dependency errors. I could never get the second one resolved. After searching around a while, I deleted my node_modules folder AND the package-lock.json file. After re-running npm install, the dependency errors were gone. I am guessing that something in the package-lock.json file was preventing npm from installing the modules I still needed.

1 like
Jaytee's avatar

@KASHOHEL - Don't bump old threads, and don't comment "it's working fine" or software that is two years old and has since been improved.

smitpatelx's avatar

You basically need these dependencies

"dependencies": {
    "@fortawesome/fontawesome-free": "^5.11.2",
    "axios": "^0.19",
    "cross-env": "^5.1",
    "laravel-mix": "^4.0.7",
    "lodash": "^4.17.13",
    "popper.js": "^1.12",
    "resolve-url-loader": "2.3.1",
    "sass": "^1.20.1",
    "sass-loader": "7.*",
    "vue": "^2.5.17",
    "vue-template-compiler": "^2.6.10"
  },
  "devDependencies": {
    "tailwindcss": "^1.1.2",
    "vue2-transitions": "^0.3.0"
  }
Jaytee's avatar

@smitpatelx This entire thread is not relevant anymore. Those values will work for Laravel 5.8/6 apps, but not for the versions that were released 2 years ago.

Consider thinking about this before posting. Versioning changes fast, and plays a factor in whether an app works or not.

Please or to participate in this conversation.