Ignoring files/links when doing ionic serve

Ionic Framework
1

Hi. I’ve starting messing around with Ionic today. I’ve already setup my dev environment and my tabs app is running a-ok.

The only issue I have is that whenever I change the content of a file (without saving) ionic serve crashes. Apparently this happens because the way Emacs handles file modifications: https://emacs.stackexchange.com/questions/29761/what-are-foo-files.

To put it simple, a change in App.tsx will generate a .#App.tsx link, which the build process will try to compile, failing immediately.

[react-scripts] Error: ENOENT: no such file or directory, stat '/path/to/myApp/src/.#App.tsx'

Is there a way to tell Ionic to ignore any file with that pattern?

Thx in advance. Looking forward to be part of the community.

2

I found a very hacky way of doing this by modifying the webpack dev server configuration at node_modules/react-scripts/config/webpackDevServer.config.js and then changing this part:

    watchOptions: {
      ignored: ignoredFiles(paths.appSrc)
    },

And replacing it with this:

    watchOptions: {
      ignored: [ignoredFiles(paths.appSrc), /\/\.#.+$/]
    },