引入 css-loader 报错

Question

老师您好，引入 css-loader 报错
npm install 已安装

webpack.base.js 已配置

组件页已引入

结果报错：

Answer 1

Allen_Liu986 2019-10-28 17:19:59

引入存到变量里还不行。

我实验了一下，是版本的问题。
讲师开发时候，版本号用的css-loader是1.0.0

isomorphic-style-loader是4.0.0
你重新下载一下这两个版本的依赖包就好了。

Answer 2

Dell 2019-08-26 23:39:54

你module使用的是true，引入当然要存到变量里啊

Answer 3

renderman 2020-12-29 17:32:32

和大家汇报下我的实测结果：

webpack的配置（打开css module）：

1 2 3 4 5 6 7 8 9 10 11 12

{         test: /\.css$/i,         use: [           "style-loader",           {             loader: "css-loader",             options: {               modules: true,             },           },         ],       },

react组件的使用

1 2 3 4 5

import s from "./style.module.css";   export const App = ()=> (     <div className={s.red}>App</div> )

在服务端的测试结果如下：

- 安装css-loader@1.0.0：html中可以生成样式类名。

- 安装css-loader@5.0.1: html中无法生成样式类名。

虽然css-loader@1.0.0是能用了，但还是想请教：

为何新版的css-loader不往html上挂载样式名呢，正确的配置实践是什么，请详细说下

Answer 4

freeyang 2020-03-04 21:20:48

这是源码

修改配置

• freeyang #1

  版本更新了，按照最新的官方例子修改就好了