Comments (3)
@danlbob
hey! I had a look into your configuration and it looks OK to me, as browsersync reloads only after compilation is complete, everything should work fine. I haven no idea why it fails, I need to make some experiments with the setup of your style. Hopefully will return to you on Monday with some results.
Let me know if this is not actual already.
from browser-sync-webpack-plugin.
I have the same issue exactly. Webpack is just extremely slow and browsersync is just impatient :).
The only way to solve this is to specify the files you want to watch with BrowserSync.
Don't watch the assets that needs to be compiled.
Here's my config:
new BrowserSyncPlugin({
proxy: 'localhost:8888',
port: 3000,
files: [
'**/*.php'
],
ghostMode: {
clicks: false,
location: false,
forms: false,
scroll: false
},
injectChanges: true,
logFileChanges: true,
logLevel: 'debug',
logPrefix: 'wepback',
notify: true,
reloadDelay: 0
})
from browser-sync-webpack-plugin.
In my case I think the delay is due to sync lag that occurs with the docker environment I am proxying. So, yeah the only solution I've found is to add a delay of a few seconds. Annoying but probably not a Browsersync issue.
from browser-sync-webpack-plugin.
Related Issues (20)
- failed: Error during WebSocket handshake: Unexpected response code: 503 HOT 2
- Browser CSS is always version behind HOT 1
- How don't restrict CORS? HOT 1
- Browser reloads when build fails HOT 1
- Detect compilation trigger instead of referencing emitted assets when determining whether to inject css or reload HOT 5
- Module installation fails HOT 2
- enable only on certian ENV HOT 2
- 404
- Webpack 5 compatibility HOT 4
- Option to hide snippet info and access url HOT 1
- Doesn't work with WSL (Windows Subsystem for Linux) HOT 1
- Not reloading php partials in WordPress HOT 4
- When files array populated, browsersync forces a page reload HOT 1
- BrowserSync with MiniCssExtractPlugin and reload on inject changes from scss HOT 1
- Feature request: show complition errors via browserSync fullscreen message HOT 1
- Laravel Mix copy
- how to get the instance from node and trigger a reload?
- Incorrect Comparison in axios #1
- Webpack unable to find browser-sync-webpack-plugin unless browser-sync package is installed. HOT 1
- Add support for browser-sync 3 HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from browser-sync-webpack-plugin.