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

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

Open
harnerdesigns opened this issue Oct 16, 2023 · 3 comments

Comments

@harnerdesigns
Copy link

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
Copy link
Contributor

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

@harnerdesigns
Copy link
Author

harnerdesigns commented Oct 17, 2023

@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
Copy link
Contributor

@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.

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

2 participants