反應，警告'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渲染，但仍然獲得在控制檯的警告？

感謝

來源

2017-06-17 AnApprentice

@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-皮棉，並刪除該規則。（不推薦）

來源

2017-06-17 14:57:12

你並不需要「從CSS」，因爲CSS文件已經連接到JSX文件。

import SomeComponent from '../SomeComponent.jsx'

來源

2017-06-17 14:53:29 RisKakaN

反應，警告'css'被定義但從未使用no-unused-vars

回答

相關問題