带有`mapStateToProps，mapDispatchToProps`的更漂亮的错误'␍⏎····mapStateToProps，␍⏎···mapDispatchToProps，␍⏎··

编程问答 2022-07-28

问题描述

我遇到以下错误消息 Replace `␍⏎····mapStatetoProps,␍⏎····mapdispatchToProps,␍⏎··` with `mapStatetoProps,·mapdispatchToProps` prettier/prettier

在我们团队中工作的家伙在编辑中没有那个错误。尝试在VSCode中禁用我的eslint和更漂亮的插件，并在全球范围内卸载了更漂亮的插件，但没有运气。我还尝试删除了prettierrc.js和

这是我的prettierrc.js和eslintrc.js文件。但是错误仍然存​​在

任何建议将不胜感激。

module.exports = {
    printWidth: 80,tabWidth: 2,useTabs: false,semi: true,singleQuote: true,trailingComma: 'all',endOfLine: 'auto',};

还有eslintrc.js 

const path = require('path');

module.exports = {
  extends: [
    'airbnb','plugin:import/errors','plugin:import/warnings','prettier','prettier/react',],plugins: ['flowtype','import'],parser: 'babel-eslint',rules: {
    'linebreak-style': 0,'prefer-const': 0,'spaced-comment': 0,'padded-blocks': 0,'import/imports-first': 0,'import/prefer-default-export': 0,'import/no-extraneous-dependencies': 0,'comma-dangle': 0,'no-shadow': 0,'arrow-body-style': 0,'quote-props': 0,'no-unused-vars': 1,'consistent-return': 0,'max-len': 0,'no-use-before-define': ['error',{ functions: false,classes: true }],'no-underscore-dangle': 'off','react/prefer-stateless-function': ['off'],'react/jsx-filename-extension': ['off'],'react/forbid-prop-types': ['off'],'editor.formatOnSave': true,// Enable per-language
    '[javascript]': {
      'editor.formatOnSave': true,},'react/no-danger': 0,'react/prop-types': 0,'no-throw-literal': 'error','no-bitwise': ['off'],'dot-notation': ['off'],'prettier/prettier': ['error'],'flowtype/define-flow-type': 1,camelcase: ['off'],'jsx-a11y/label-has-for': ['off'],'no-nested-ternary': 'off','react/no-this-in-sfc': 'off','no-param-reassign': 'off','react/sort-comp': [
      1,{
        order: [
          'static-methods','instance-variables','lifecycle','/^on.+$/','everything-else','rendering',groups: {
          rendering: ['/^render.+$/','render'],parserOptions: {
    ecmaVersion: 6,sourceType: 'module',ecmaFeatures: {
      spread: true,legacyDecorators: true,globals: {
    global: true,document: true,window: true,settings: {
    'import/extensions': ['.js','.jsx'],'import/parser': 'babel-eslint','import/resolver': {
      // You can use only webpack but with this approach webstorm doesn't show
      // any red highlight for alias imports
      // If you forget to add alias here build still will work if there are aliases in
      // webpack.config but with this webstorm works better.
      // eslint-import-resolver-alias
      alias: [
        ['app',path.join(__dirname,'src/app/')],['assets','src/assets/')],// ['TT','src/app/test/'],// It also works but with alias there are no red highlight in webstorm
      // and with this approach build works but I still see red highlights in webstorm
      // eslint-import-resolver-webpack
      webpack: {
        config: './webpack/webpack.prod.js',};

解决方法

  1. 请检查您的 vscode 设置以确保 prettier.endOfLine 未设置为除 auto 之外的任何内容。

  2. 请检查 .editorconfig（如果有）是否与您的 .prettierrc 配置冲突。

eslinteslinteslintrcprettierreactjsreactjsreactjsreactjs