反应，警告'css'被定义但从未使用no-unused-vars

问题描述：

我正在努力在我的React App中导入CSS文件。我已经被CSS成功导入像这样：反应，警告'css'被定义但从未使用no-unused-vars

原始来源的应用程序：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)

我在做什么错误的反应而造成的CSS渲染，但仍然获得在控制台的警告？

感谢

@ShubhamKhatri有同样的效果。现在控制台正在警告样式 – AnApprentice

刚刚在文档中注意到这一点：https：//github.com/timscott/react-devise-sample/blob/master/client/README.md#adding-a-stylesheet。 ---改变它导入'../styles/base.css'做了伎俩。现在我需要明白为什么 – AnApprentice

答

名称这个“组件”只有当你需要给他们打电话代码的某些部分：当使用其他JSX部件，例如你只做到这一点。
例如使用CSS模块。这只是一个普通的CSS所以负载以这种方式：

import '../styles/base.css'

但是，如果你仍想保留这个未使用的变种，您可以编辑您的ES-皮棉，并删除该规则。（不推荐）

答

你并不需要“从CSS”，因为CSS文件已经连接到JSX文件。

import SomeComponent from '../SomeComponent.jsx'

反应，警告'css'被定义但从未使用no-unused-vars

相关推荐