使用webpack对样式进行处理时，出现错误

来源：3-5 webpack对脚本和样式的处理

Setbacks

2020-05-01

在使用webpack对样式进行处理时，请问为何报错以下内容：

ERROR in Unexpected token ...
 @ ./src/page/index/index.css 2:26-95

相关文件如下：

相关依赖报错信息 webpack.config.js $\src\page\index\index.js$ $\src\page\index\index.css$ 求解决，感谢

写回答

2回答

Setbacks

提问者

2020-05-02

感谢老师问题已解决。

删除全局webpack-cli
npm uninstall -g webpack-cli
删除本地（局部）webpack-cli
npm uninstall webpack-cli
参考博客：https://www.cnblogs.com/ssw-men/p/10936173.html

指定版本号全局安装webpack（版本与课程一致）

npm install webpack@1.15.0 -g

指定版本号本地局部安装webpack（版本与课程一致）

npm install webpack@1.15.0 --save-dev

webpack加载css-loader库和css-style库，需指定版本号，不然报错下面：

ERROR in Unexpected token ...
@ ./src/page/index/index.css

是因为使用 npm install css-loader style-loader --save-dev 安装相关库时，忽略以下警告：

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN style-loader@1.2.1 requires a peer of webpack@^4.0.0 || ^5.0.0 but none was installed.
npm WARN css-loader@3.5.3 requires a peer of webpack@^4.0.0 || ^5.0.0 but none was installed.

所以需要指定版本安装：(与课程一致)
npm install css-loader@0.28.1
npm install style-loader@0.17.0

参考博客：

https://blog.csdn.net/Xidian2850/article/details/103617081?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2

Setbacks

飞飞_0014

老师讲课用的就是Mac，依赖的插件老师下面这个手记里面也讲了，可以参考下：https://www.imooc.com/article/24738

2020-06-17

共2条回复