uni-app 中,@import 确实不完全支持 scss,但你可以用以下方法解决导入问题:

1. 使用 ~@/ 引入

uni-app 推荐使用 ~@/ 代替 @/ 进行 scss 文件的引入:

@import “~@/styles/weituo.scss”;

这样能确保 Webpack 解析 @ 为 src 目录。

2. 直接使用 @/(部分情况可用)

在 HBuilderX 3.1+ 版本后,@/ 方式有时可以正常工作:

@import “@/styles/weituo.scss”;

但如果遇到 找不到文件 的错误,还是建议用 ~@/。

3. 使用 ../ 绝对相对路径

如果 weituo.scss 路径在 src/styles 目录,而你的 sale.vue 在 packageSale/pages/weituo/ 目录下,你可以尝试:

@import “../../../styles/weituo.scss”;

(注意:../ 的层级需根据 sale.vue 的实际路径调整)

作者 admin

百度广告效果展示