Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issues Compiling Sass??? Maybe? #415

Open
xxxcodeingxxx opened this issue Feb 21, 2020 · 4 comments
Open

Issues Compiling Sass??? Maybe? #415

xxxcodeingxxx opened this issue Feb 21, 2020 · 4 comments

Comments

@xxxcodeingxxx
Copy link

I am not sure why but when I make changes to SASS files sometimes the changes will take place on browsersync reload and other times I have to manually refresh the browser. I am using latest Chrome browser and there is no caching on my WordPress site. I don't get it?

@anaelleltd
Copy link

anaelleltd commented May 7, 2020

I am experiencing the same problem.
I'm still troubleshooting to see what the real issue is, since it does not come from NPM.

I tried installing node-sass independently, but the error message persists.

@anaelleltd
Copy link

This is what I did to get it working:

  1. manually delete the node modules folder from the theme folder.
  2. run the CLI and enter npm install node-sass --force (this forces the installation of node-sass)
  3. enter npm install (this installs the remaining node module files)
  4. enter npm rebuild (this patches all installations together)
  5. enter npm uninstall (I believe this cleared the cache??)
  6. enter npm install-test (this attempts to run the build and displays error with .scss or .js files)
    Basically, at this point, the npm build is working without throwing a "missing gulp sass" error.
  7. enter npm run build
  8. refresh browser to see updates/changes

@xxxcodeingxxx
Copy link
Author

This is what I did to get it working:

  1. manually delete the node modules folder from the theme folder.
  2. run the CLI and enter npm install node-sass --force (this forces the installation of node-sass)
  3. enter npm install (this installs the remaining node module files)
  4. enter npm rebuild (this patches all installations together)
  5. enter npm uninstall (I believe this cleared the cache??)
  6. enter npm install-test (this attempts to run the build and displays error with .scss or .js files)
    Basically, at this point, the npm build is working without throwing a "missing gulp sass" error.
  7. enter npm run build
  8. refresh browser to see updates/changes

Shouldn't Gulp refresh the browser for you though when you make changes? It's been a while since I've used Gulp, I don't remember having to refresh the browser every time you make a change.

@garretthyder
Copy link
Collaborator

garretthyder commented May 16, 2023

It only refreshes the browser when you are 'watch'ing it;
https://github.com/JeremyEnglert/JointsWP#watching-for-changes
*edit was just to provide the right link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants