webpack 的 animate.css 导入失败

如何解决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