angular - 无法在 Ionic/Angular 应用程序中导入 Swiper Scss

Question

我安装了 Swiper npm install swiper。如果我想在全局 SCSS 中添加 Swiper Scss，如此处所述 https://ionicframework.com/docs/angular/slides我收到一条错误消息 ./src/global.scss - 错误:模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js):[ng] SassError:找不到要导入的样式表。 [ng] ╷ [ng] 30 │ @import '~swiper/scss'; [ng] │ ^^^^^^^^^^^^^^ [ng] ╵ [ng] src/global.scss 30:9 根样式表 [ng] [ng] ./src/global.scss?ngGlobalStyle - 错误:模块构建失败(来自 ./node_modules/mini-css-extract-plugin/dist/loader.js):[ng] HookWebpackError:模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js) ): [ng] SassError: 找不到要导入的样式表 我还尝试删除该软件包并随后安装它。这没有帮助。主题Module not found: Can't resolve 'swiper/css'很相似，但它使用了 React 和 CSS。有人知道如何解决这个问题吗？

例如键盘文件夹为空

我期望，我可以在全局 SCSS 中添加 SCSS 文件，然后尝试这些自定义动画

Answer 1

我可以看到您正在尝试导入 ~swiper/scss，但是当您实际进入包时，您可以看到没有这样的文件......这就是编译器提示的原因。

我认为文档中有错误。

这对我有用(对于 Ionic 6):

@import '~swiper/swiper.min.css';
@import '~@ionic/angular/css/ionic-swiper.css';

第一次导入可能不是必需的，但我不确定。也许更有经验的人可以给出一些明确的答案。