Reactjs Eslint babel在将样式导入react组件时抑制错误

Reactjs Eslint babel在将样式导入react组件时抑制错误,reactjs,ecmascript-6,lint,eslint,Reactjs,Ecmascript 6,Lint,Eslint,我正在使用es6 react,并使用以下功能将我的样式导入到组件中: import styles from './MyStyle.sass'; 我正在使用eslint和这些npm模块: "babel-eslint": "^6.1.2", "eslint": "^3.16.0", "eslint-plugin-react": "^6.10.0", 这是我的(有点长).eslintrc.yml文件: --- extends: - plugin:react/recommended

我正在使用es6 react,并使用以下功能将我的样式导入到组件中:

import styles from './MyStyle.sass';
我正在使用eslint和这些npm模块:

"babel-eslint": "^6.1.2",
"eslint": "^3.16.0",
"eslint-plugin-react": "^6.10.0",
这是我的(有点长)
.eslintrc.yml
文件:

---
  extends:
    - plugin:react/recommended

  env:
    browser: true
    node: true
    es6: true

  parserOptions:
   ecmaVersion: 6
   sourceType: "module"
   ecmaFeatures:
    jsx: true

  globals:
    __DEV__: true
    __SERVER__: true

  plugins:
    - react

  parser: "babel-eslint"
  rules:
    react/jsx-uses-vars: 1
    react/prop-types: [1, { ignore: [children] }]

    semi: 0
    key-spacing: 1
    curly: 0
    consistent-return: 0
    space-infix-ops: 1
    camelcase: 0
    no-spaced-func: 1
    no-alert: 1
    eol-last: 1
    comma-spacing: 1
    eqeqeq: 1

    # possible errors
    comma-dangle: 0
    no-cond-assign: 2
    no-console: 0
    no-constant-condition: 2
    no-control-regex: 2
    no-debugger: 2
    no-dupe-args: 2
    no-dupe-keys: 2
    no-duplicate-case: 2
    no-empty-character-class: 2
    no-empty: 2
    no-ex-assign: 2
    no-extra-boolean-cast: 2
    no-extra-parens: 0
    no-extra-semi: 2
    no-func-assign: 2
    no-inner-declarations: 2
    no-invalid-regexp: 2
    no-irregular-whitespace: 2
    no-negated-in-lhs: 2
    no-obj-calls: 2
    no-regex-spaces: 2
    no-sparse-arrays: 2
    no-unexpected-multiline: 2
    no-unreachable: 2
    use-isnan: 2
    valid-jsdoc: 2
    valid-typeof: 2

    no-redeclare: 2

    init-declarations: 2
    no-catch-shadow: 2
    no-delete-var: 2
    no-label-var: 2
    no-shadow-restricted-names: 2
    no-shadow: 2
    no-undef-init: 2
    no-undef: 2
    no-undefined: 2
    no-unused-vars: 2
    no-use-before-define: 2
问题在于,eslint抱怨关于导入的
样式
模块,“未在导入的模块中声明默认导出”

编辑:
1) 同样的问题也适用于进口,例如

import logo_img from './img/home_logo.png'
2) 当然,我使用的是webpack和style/sass/css/url/文件加载器

问题:

如何抑制此警告?

您可以通过如下方式进行批量导入来屏蔽此警告:

import*作为来自“./MyStyle.sass”的样式


您也可以通过这种方式包含常规节点模块,因为在导入这些模块时,这种错误也很常见。

您是否从样式文件导出了默认值??不,它是一个sass/css文件,我想babel及其加载程序会将其包装到一个模块中。这在样式加载程序(1)中有效,但在图像加载程序(2)中无效。这意味着这不起作用:
import*作为logo\u img from./img/home\u logo.png'