css - 如何修复 eslint/prettier “解析错误:';' .css 文件的“预期”?
问题描述
这是我收到的错误示例,我不知道如何解决:
// example.css
body {
height: 100%;
}
这将在运行 eslint 时在终端中返回以下错误:
1:5 错误解析错误:';' 预期的
下面是我的 eslintrc 和 prettierrc 的配置,谢谢大家的帮助:
// eslintrc.js
module.exports = {
env: {
browser: true,
jest: true,
node: true,
es6: true,
},
parser: '@typescript-eslint/parser',
plugins: ['@typescript-eslint'],
extends: [
'airbnb',
'prettier',
'prettier/react',
'prettier/@typescript-eslint',
'plugin:@typescript-eslint/recommended',
],
parserOptions: {
ecmaVersion: 2018,
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
rules: {
'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
'react/jsx-filename-extension': ['warn', { extensions: ['.tsx', '.jsx'] }],
'@typescript-eslint/interface-name-prefix': ['error', { prefixWithI: 'always' }]
},
settings: {
react: {
version: 'detect',
},
'import/extensions': ['.js', '.jsx', '.ts', '.tsx'],
'import/parsers': {
'@typescript-eslint/parser': ['.ts', '.tsx'],
},
'import/resolver': {
node: {
extensions: ['.js', '.jsx', '.ts', '.tsx'],
moduleDirectory: ['node_modules', 'src'],
},
},
},
};
// prettierrc.js
module.exports = {
semi: true,
trailingComma: 'all',
singleQuote: true,
printWidth: 120,
tabWidth: 2,
};
解决方案
经过一番研究,我发现我的 eslint 命令是问题所在:
纱线 eslint src/**
这包括 .css、.json 等文件,即使我的 eslintrc 配置正确。通过切换到此功能,问题不再出现:
纱线 eslint --ext js,jsx,ts,tsx src
推荐阅读
- java - 在 Selenium 中执行操作时如何查看鼠标指针?
- python - 关键错误:具有编辑距离的 Python 中为 0
- javascript - 检查对象是否包含在另一个对象中
- python - 如何确保函数将我写的内容变成字符串
- javascript - 用于禁用 window.onbeforeunload 的用户脚本
- python - 终端和 VS 代码中的 Anaconda 错误
- xml - 如何使用importxml同时将文本和数值数据导入谷歌电子表格
- c++ - 如何解决由于 Outlook 加载项中的后台线程而导致的挂起问题
- spring-boot - Spring boot:错误要求在 JpaRepository 中实现所有方法
- git - BitBucket Git - 致命:无法访问... SSL 例程:SSL23_GET_SERVER_HELLO:sslv3 警报握手失败