problems loading config prettier and airbnb on heroku - reactjs

Question

I'm trying to deploy react app to heroku. It's deployed successfully but it throws me an error :
My .eslintrc file looks like this :
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"airbnb",
"prettier"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
"no-multi-spaces": "error",
"react/jsx-filename-extension": [
1,
{
"extensions": [
".js",
".jsx"
]
}
],
"import/imports-first": [
"error",
"absolute-first"
],
"no-shadow": [
2,
{
"allow": [
"done"
]
}
],
"react/state-in-constructor": 0,
"react/jsx-fragments": 0,
"react/jsx-props-no-spreading": 0,
"react/jsx-curly-newline": 0,
"react/jsx-wrap-multilines": ["error", {
"declaration": "parens-new-line",
"assignment": "parens-new-line",
"return": "parens-new-line",
"arrow": "parens-new-line",
"condition": "parens-new-line",
"logical": "ignore",
"prop": "ignore"
}],
"import/no-unresolved": 0,
"new-cap": 0,
"semi": 0,
"global-require": 0,
"no-underscore-dangle": 0,
"arrow-body-style": 0,
"no-console": 0,
"react/forbid-prop-types": 0,
"jsx-a11y/href-no-hash": 0,
"import/prefer-default-export": 0,
"react/prop-types": 0,
"comma-dangle": [2, "always-multiline"],
"arrow-parens": ["warn", "as-needed", { "requireForBlockBody": false }],
"jsx-a11y/anchor-is-valid": [ "error", {
"components": [ "Link" ],
"specialLink": [ "to", "hrefLeft", "hrefRight" ],
"aspects": [ "noHref", "invalidHref", "preferButton" ]
}]
},
"settings": {
"import/resolver": {
"node": {
"paths": [
"src",
"src/js"
]
}
}
},
"parser": "babel-eslint"
}
I reload the page where app is deployed and I can see my app for a sec and error arises.
Another app throws similar err:
It complains about airbnb. What should I reinstall or install or maybe amend the .eslintrc file ?

Answer 1

I ran into this issue as well. It is odd that heroku is triggering eslint on build. This is likely occurring because Heroku by default skips dev dependencies (NPM_CONFIG_PRODUCTION=TRUE) but airbnb is still being used in .eslintrc in the "extends" section. This is a workaround:
To prevent this error allow dev dependencies to be installed in prod by using: heroku config:set NPM_CONFIG_PRODUCTION=false -a appname
If you have unresolved linting/prettier errors or warnings that you don't want to appear in prod, use this to stop them from appearing: heroku config:set DISABLE_ESLINT_PLUGIN=true -a appname
If you are worried about stale npm module caching affecting your heroku deployment disable it with this: heroku config:set NODE_MODULES_CACHE=false -a appname
it will force heroku to rebuild all dependencies on every deployment
more info is here: https://devcenter.heroku.com/articles/nodejs-support