bigcommerce / stencil-cli

BigCommerce Stencil emulator for local theme development
https://developer.bigcommerce.com/stencil-docs
BSD 4-Clause "Original" or "Old" License
102 stars 141 forks source link

Stencil Start doesn't bundle JS. Stencil Bundle & Stencil Push work fine. Windows-specific issue #1141

Open harnerdesigns opened 10 months ago

harnerdesigns commented 10 months ago

Hello. I'm having some issues helping a dev get the Stencil CLI running on Windows 10. stencil push & stencil bundle run just fine. When running stencil start the local environment kicks up fine, except for the fact that none of the Theme's JS is compiling. The exact same theme works perfectly fine on my linux machine, and it's not kicking out any errors so I'm having a hard time troubleshooting.

Expected behavior

Run stencil start and JS compiles.

Actual behavior

Run stencil start, browsersync loads, the theme loads at localhost:3000, but none of the JS compiles. It's almost like Webpack isn't running when trying to launch the theme locally.

Steps to reproduce behavior

Environment

Stencil-cli version stencil --version: 7.2.3

Node version node -v: v16.0.0

NPM version npm -v: 7.10.0

OS: Windows 10

jairo-bc commented 10 months ago

Hi @harnerdesigns, do you have a repro here? What theme are you using? How the browser behaves (infinite loading, blank screen, etc.) ?

harnerdesigns commented 10 months ago

@jairo-bc, I don't currently. It's a modified version of Weizen Young's Roots theme (which is based off Cornerstone). I'm having them try to run just a default version of Cornerstone but I haven't heard back yet. They downloaded the theme directly from the BC Backend to start modifying it (if that makes a difference), stencil init (with all the parameters to make the config), installed all the packages, and still not getting any JS bundle errors or anything in the console.

It gets to this point:

image

and when you modify an HTML file, browsersync reloads, but if you modify a JS file, nothing happens.

The store loads fine, and all the markup is correct, it's just not bundling the JavaScript at all causing 404 errors on the page when fetching the bundled/minified JS files that aren't there. They can run 'stencil bundle' & 'stencil push' and the JS works fine, it's just only when using 'stencil start' that things aren't bundling. I'm thinking it's maybe a file permission issue, but I don't ever work with Windows, so I'm unsure how to test that (or if that could even be an issue).

jairo-bc commented 10 months ago

@harnerdesigns Ideally, I would like to see more details (video would be the best). Sounds like the issue is with bundler (webpack likely), which is managed by theme itself. Stencil CLI doesn't do much about js files bundling on the stencil start, it's more like a reverse proxy here. If the theme was diverged long ago ago from Cornerstone, I would recommend reaching theme maintainers.