For the last 6 months, we have been dealing with an issue loading our app page in local development. We keep encountering blank pages with net::ERR_ABORTED 404 (Not Found) errors in the console logs. After a few refreshes, the page eventually loads. This situation is very frustrating.
Our current development setup includes Rails 5.0.7.2 + Vue.js 2 with webpack [email protected].
Is there a solution to this problem? Thank you!
package.json
"engines": {
"node": "^10.#",
"yarn": "^1"
},
"resolutions": {
"vue": "2.#.#",
"vue-template-compiler": "2.#.#",
},
"scripts": {
"start": "./bin/webpack-dev-server",
},
webpacker.yml
Default settings:
source_path: app/javascript
webpack_compile_output: true
source_entry_path: packs
public_output_path: packs
cache_path: tmp/cache/webpacker
public_root_path: public
Additional paths webpack should lookup modules
['app/assets', 'engine/foo/app/assets']
resolved_paths: ['app/assets']
compile: false
Reload manifest.json on all requests so we reload latest compiled packs
cache_manifest: false
Extract and emit a CSS file
extract_css: false
Development environment settings:
...
Testing environment settings:
...
Staging environment settings:
...
App environment settings:
...