const title = 'My Minimal React Webpack Babel Setups'; const App = () => (<div><b>{title}</b><img src={img} /></div>)
此代码发生错误 “ ESLint解析错误:意外令牌{”
我的 .eslintrc.js 文件就是这样
module.exports = { "extends": "airbnb" };
然后我像这样安装软件包
"eslint": "^5.9.0", "eslint-config-airbnb": "^17.1.0", "eslint-loader": "^2.1.1", "eslint-plugin-import": "^2.14.0", "eslint-plugin-jsx-a11y": "^6.1.2", "eslint-plugin-react": "^7.11.1",
我以为ESLint可以读取JSX,因为令牌“ <”不会发生错误。(当我将.eslintrc.js文件中的extends部分更改为“ airbnb- base”时,会发生错误“ ESLint解析错误:意外的令牌<。但是现在,令牌“ <”不再发生错误)
但是,我的ESLint无法读取JSX语法行{variable}
单靠Eslint是不够的。首次安装babel-eslint:
babel-eslint
npm install --save-dev babel-eslint
或与纱线:
yarn add -D babel-eslint
然后添加到您的.eslintrc文件中:
.eslintrc
"parser": "babel-eslint"
您可能也想安装eslint-plugin-babel,但是我相信不需要
eslint-plugin-babel