webpack 的 animate.css 导入失败

问题描述

描述错误模块构建失败

预期行为不会产生错误并且项目编译成功

截图

**`模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js): SassError:未找到目标选择器。 使用“@extend .animated !optional”来避免这个错误

╷ 10 │ @extend .animated; │ ^^^^^^^^^^^^^^^^^ ╵`**

桌面(请填写以下信息):

  • 操作系统:MacOS
  • 浏览器铬,火狐

加上下文 将我的项目从 webpack v3 迁移到 webpack5。我在通过 webpack 执行项目时遇到了上述特定错误。构建失败并产生这些错误

解决方法

我遇到了同样的问题。

我在导入动画库时犯了一个错误:

@import "~animate.css/animate.css";

代替

@import "~animate.css/animate";

在第一种情况下,使用 css @import 而不是导致错误的 sass @import

此答案中的更多解释:https://stackoverflow.com/a/48681729/1659617