ESLint ES6 Redux 全局要求意外要求（）；

Question

我在使用 ESLint 时遇到了这个问题，我自己无法解决，正如您在屏幕截图中看到的那样，这些商店在每个环境中都是分开的，我该如何解决这个问题才能让 ESLint 开心并学习新的事情？

Answer 1

这是因为您在分支代码中要求：http://eslint.org/docs/rules/global-require。

如果您不想更改代码，只需添加禁用注释即可：

/* eslint-disable global-require */

// your code here

/* eslint-enable global-require */

Answer 2

您可以在 .eslintrc 文件中禁用它。

{
   rules: {
     "global-require": 0  
    }
}

Answer 3

就我而言，我在如下功能组件中导入了图像文件。

export const facebookIcon = require('../../assets/images/facebook.svg')
export const googleIcon = require('../../assets/images/google.svg')
export const logoboxImage = require('../../assets/images/logo-box.svg')

为了避免这个 lint 错误，我刚刚删除了图像前面的 'export'，它不见了。

const facebookIcon = require('../../assets/images/facebook.svg')
const googleIcon = require('../../assets/images/google.svg')
const logoboxImage = require('../../assets/images/logo-box.svg')

Answer 4

您也可以直接禁用它：

const facebookIcon = require('../../assets/images/facebook.svg'); // eslint-disable-line global-require

Answer 5

这是我在2022年不改规则的做法

<div :style="{backgroundImage: 'url(' + bg + ')'}" </div>
<script>
import bgImg from './assets/images/lg_bg.jpg';
export default {
    data() {
      return {
        bg: bgImg,
    };
  },    
}
</script>

ESLint ES6 Redux 全局要求意外要求（）；

ESLint ES6 Redux global-required Unexpected require();

javascript

store

node.js

eslint

redux