

What should I do? I do not actually need webpack advanced features, just this reload option. I started it with npm start and then proceeded to edit files. I had basic react app made with webstorm tutorial with create-react-app. Try disabling Live Edit plugin - does the problem persist?Īlso, please try turning 'Save files on frame deactivation' and 'Save file automatically when application is idle' off in Preferences | Appearance & Behavior | System Settings mp3 I will need to install loader and then edit nf and add it there.Īre you editing the files using debug session? Live Edit (that is active during debugging) auto-saves files to provide live reload - this might be the issue. Im new to all this and I think if I want to use.


Problem is within webpack because it does not load properly css, ico, svg and perhaps any other type of file. > When using Webpack on Windows, it’s recommended to disable the IDE Safe write feature ( 'Use "safe write" in Settings | Appearance & Behavior | System Settings), otherwise, the app won’t be updated on-time on changes. Installed npm install -save-dev babel-plugin-transform-class-properties and now arrow functions return Missing class properties transform. The resource from “ was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).Īdded -presets es2015,react to babel filewatcher but it does not help. I removed all images (svg,ico) and it gives me this.

any help?ĭon't have time and patience, slowly giving up. Arrow function problem I managed to resolve but the css one is bigger and I am still struggling with it. BUT!!!!Īrrow functions from ES6 do not work, and CSS's make errors on compilation. On blank project set as on tutorialspoint it worked. file watcher with babel - got some error in config because it thinks that handleSubmit=(event)=> has error on first equality sign. Happens that webstorm saves on its own and page refreshes. npm run configuration - works ok but after clicking restart new page opens and old ones are left behind because server restarts How to set up comfortable react dev environment where after making changes to files it will automatically recompile and refresh page? However Webstorm is inteligent and it saves when it wants. React starter project (create-react-app) says 'just ctrl+s and the page will refresh with new content'.
