webpack4x中在js中引用css,htm,js报错

webpack4x中在js中引用css,htm,js报错

我在配置webpack4x的时候按照官网和****上书写然后居然报错莫名其妙的说需要一个合适的loader报错问题

如下：

ERROR in ./components/style.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

我的webpack.config的配置文件

如下：

js文件

如下：

我的css-loader和style-loader版本号

如下:

我明明配置的都正确为什么会报错而且居然说我没有添加合适的Loader处理
我当然不服啊于是就在网上搜引用css时报错
然后于是就参考了这篇文章

如下

https://blog.csdn.net/LPLIFE/article/details/80883115

于是我更改了

import style from ‘./style.css’;改为require(“css-loader!./style.css”);

然后居然不报错了但是页面的样式并没有加载出来好难受啊

然后我各种方法试了试都没用

正在我绝望之际

我给Loader添加了个include的时候居然成功了！！！

可是官网上源码没有这样做

可能是新版本的原因，我也没有去查询

我更改后的webpack.config

如下:

有同样报错的同学可以试试

（第一次写博客，不足的地方可以私信我）