React,警告'css'已定义,但从未使用过no-unused-vars

Question

我正在努力在我的React App中导入CSS文件.我有成功导入css,如下所示:

原始源应用程序:https://github.com/timscott/react-devise-sample

MainLayout.jsx

import css from '../styles/base.css'

base.css

body {
  opacity: .1;
}

当我在浏览器中加载我的应用程序时,我看到样式生效.问题是,在控制台中我收到了JS警告:

webpackHotDevClient.js:198 ./src/layouts/MainLayout.jsx

.../client/src/layouts/MainLayout.jsx
  12:8  warning  'css' is defined but never used  no-unused-vars

? 1 problem (0 errors, 1 warning)

我在React中做错了什么导致CSS渲染但仍然在控制台中收到警告？

谢谢

Answer 1

仅当您需要在代码的某些部分中调用它们时,才将此"组件"命名为.
例如,使用CSS模块.这只是一个常规的CSS,所以以这种方式加载:

import '../styles/base.css'

但是,如果您仍想保留此未使用的var,则可以编辑您的es-lint,并删除此规则.(不建议)