2017-02-23 14 views
0

我使用ES6时抑制的错误反应,并导入我的风格为组件提供:Eslint通天导入样式到反应成分

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抱怨关于导入的styles模块的“默认导出未在导入的模块中声明”。

编辑:
1)同样的问题适用于进口,如当然,我现在用的WebPack和风格/上海社会科学院/ CSS/URL /文件装载机

import logo_img from './img/home_logo.png' 

2)

问题:
如何禁用此警告?

+0

您是否从样式文件导出了默认值? –

+0

不,这是一个sass/css文件,我想babel和它的加载程序负责将它包装到一个模块中 – Leonardo

回答

1

您可以通过做批量导入像这样掩盖了警告:

import * as styles from './MyStyle.sass';

还可以包括定期节点模块这种方式为好,作为进口那些过于时,这个错误是很常见的。

+0

这适用于样式加载器(1)的情况,但它不适用于图像加载器(2)。这意味着这将无法正常工作:'从* .img/home_logo.png'导入*作为logo_img – Leonardo