npm installing from repo with #main #2469
Description
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
I am banging my head on the wall here, I can't figure this out. I am missing something but can't figure out what. So here's how it starts.
The repo has been update with #2223. So I want to benefit asap from the new code and I go ahead and do an npm install "https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git#main". Cli outputs it has updated my boosted package. When I npm start my app (react) and quickly change the <html> attribute data-bs-theme to dark, I see that it doesn't use the theme from the preview page
On my dev env I start investigating:
- inspect sources in node_modules
when I go here, I see the changes being pulled from the repo. More exactly, I quickly checkand see if the line corresponds with the repoOrange-Boosted-Bootstrap/scss/_alert.scss
Line 81 in 8ea1447
- inspect sources in browser
here however when I go to inspect, sources, open.\node_modules\boosted\scss\_alert.scss
I say, ok, it's a cache problem. I start and remove every cache I can think of possible. From the browser and from npm. Whatever I do, browser code (line 81) is still not updated to #2223 code
At this point I'm thinking, ok, my env is messed up. I go make a fresh, vm, install windows on it and then:
- Install npm
- I run
cd test-folderthen runnpx create-react-app my-app - install boosted with
https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git#main - I go into
my-app/node_modules/boosted/scss/_alert.scssline81to check the Dark mode #2223 mod. It is correct, desired code - I open
my-app/src/index.js - I add
import "boosted/dist/css/boosted.min.css" - I run
npm start
app starts and opens - I inspect in browser and go to sources
.\node_modules\boosted\scss\_alert.scss - Line 81 is not using new code 🤦♂️
I have literally no idea why, how, where it's fetching the old code from.
Please help with anything 🙏
Reduced test cases
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Boosted are you using?
5.3.2#main