Reactjs Eslint babel在将样式导入react组件时抑制错误
我正在使用es6 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
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'