Cannot get chokidar to work on MacOs (fsevents unexpected charakter)

[kevcodez]

On MacOs, chokidar includes fsevents.

When building the application, it fails with the error:

Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to pr
ocess this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

I have tried anything I could find online in regards to this issue. Mainly extending the webpack config in vue.config.js.

For example

const nodeExternals = require("webpack-node-externals");

module.exports = {
configureWebpack: {
    target: "node",
    externals: [nodeExternals()],
  }
}

Nothing fixed the issue and I would appreciate any help.

Is there a way to view the final webpack config that is generated? I feel like the changes in the vue config in regards to the webpack config are not picked up properly.

[kevcodez]

I got help in the chokidar github repository. This worked:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      // List native deps here if they don't work
      externals: ['chokidar'],
      // If you are using Yarn Workspaces, you may have multiple node_modules folders
      // List them all here so that VCP Electron Builder can find them
      nodeModulesPath: ['../../node_modules', './node_modules']
    }
  }
}

[gengjiawen]

Thanks for sharing, works like a charm :)

[undergroundwires]

Setting fsevents inside configureWebpack solved it for me (but not inside electronBuilder object as suggested by @kevcodez):

module.exports = defineConfig({
    configureWebpack: {
        externals: ['fsevents'],
    },

Or:

module.exports = defineConfig({
    configureWebpack: {
        externals: {
            'fsevents': 'require("fsevents")'
        },
    },

Both works.