webpack 的 animate.css 导入失败答案

【问题标题】：animate.css imports fail for webpackwebpack 的 animate.css 导入失败
【发布时间】：2021-06-22 15:14:40
【问题描述】：

描述错误模块构建失败

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

截图

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

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

桌面（请填写以下信息）：

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

【问题讨论】：

【解决方案1】：

我遇到了同样的问题。

我在动画库的导入上出错了：

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

而不是

@import "~animate.css/animate";

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

【讨论】：