browser-sync not compatible with node 14+ due to outdated chokidar version using outdated fsevents

Created on 21 May 2020 · 7Comments · Source: BrowserSync/browser-sync

Issue details

├─┬ [email protected]
│ └─┬ [email protected]
│ └── [email protected]

npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

Steps to reproduce/test case

Install node 14+
Add devDependency for [email protected]
npm install to see warning

Please specify which version of Browsersync, node and npm you're running

Browsersync [2.26.7]
Node [14.3.0]
Npm [6.14.5]

Affected platforms

[x] linux
[ ] windows
[x] macOS
[ ] freebsd
[ ] solaris
[ ] other _(please specify which)_

Browsersync use-case

[ ] API
[x] Gulp
[ ] Grunt
[ ] CLI

If CLI, please paste the entire command below

{cli command here}

for all other use-cases, (gulp, grunt etc), please show us exactly how you're using Browsersync

{Browsersync init code here}

    const browserSync = require('browser-sync').create();
    browserSync.init({
      open: false,
      logFileChanges: false,
      proxy: `localhost:${config.port}`,
      ws: true,
      middleware: [
        webpackDevMiddleware(compiler, {
          noInfo: false,
          stats: {
            assets: true,
            cached: false,
            cachedAssets: false,
            children: false,
            colors: true,
            chunks: false,
            chunkModules: false,
            chunkOrigins: false,
            depth: false,
            env: false,
            errors: true,
            errorDetails: true,
            hash: false,
            modules: false,
            performance: true,
            reasons: false,
            timings: false, // Redundant since gulp provides timing
            warnings: false
          }
        })
      ],
      port: config.browserSyncPort,
      plugins: ['bs-fullscreen-message']
    });

    compiler.hooks.done.tap('ReloadDevices', stats => {
      if(stats.hasErrors() || stats.hasWarnings()) {
        return browserSync.sockets.emit('fullscreen:message', {
          title: 'Webpack Error:',
          body: stripAnsi(stats.toString()),
          timeout: 100000 // 100 seconds
        });
      }
      browserSync.reload();
    });

Source