sass+compass异常：error screen.scss (Line 3: File to import not found or unreadable: blueprint/reset.)

最新推荐文章于 2024-03-29 22:48:31 发布
最新推荐文章于 2024-03-29 22:48:31 发布
阅读量6.5k 收藏
点赞数 2
分类专栏： sass compass blueprint 文章标签： compass sass blueprint scss
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weisheixiaoxin/article/details/77880094
版权
sass 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
compass
3 篇文章 0 订阅
订阅专栏
blueprint
3 篇文章 0 订阅
订阅专栏

1. 收集问题

使用WebStorm工具创建个compass项目，当编辑scss文件时会自动编译为css文件，可就在编译为css的时候报错了！
这里写图片描述

异常信息：导入的文件找不到或无法读取blueprint/reset

cmd.exe /D /C call "D:/laher/Program Files/ruby/Ruby24-x64/bin/scss.bat" --no-cache --update screen.scss:screen.css
      error screen.scss (Line 3: File to import not found or unreadable: blueprint/reset.)

Process finished with exit code 1

我们使用compass命令进行编译！
这里写图片描述

编译通过！
由此可见是WebStorm的自动编译出了问题。

2. 解决问题

2.1 第一步

修改WebStorm关于Compass的配置，并且启用。
这里写图片描述

2.2 第二步

修改原有的SCSS文件文件监听，删除SCSS 新增Compass SCSS，保存。
这里写图片描述

这里写图片描述

Program：D:\laher\Program Files\ruby\Ruby24-x64\bin\compass.bat

Arguments：compile D:/laher/workspace/webstorm/sass/simple $UnixSeparators($FilePath$)$

Output：D:/laher/workspace/webstorm/sass/simple

3. 成功！！！

这里写图片描述

QQ 群：1039376081

主站点：https://laherz.com

站点信息

Laherz
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react移动端项目构建TS，[email protected]+react-vant+vite+axios+redux+sass+ts
03-06
该架构已解决大部分坑，主要用于[email protected]移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 rreact：https://react.nodejs.cn/reference/react/hooks vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242
AAPT: error: resource attr/** (aka com.**.app:attr/**) not found.
01-20
问题记录 记录项目中的一个问题，不知什么时候，运行项目会出现这个错误： 解决方法 buildscript { repositories { google() jcenter() } dependencies { //之前使用的是3.5.2版本，升级成3.6.2后就出现了上面的错误， //还原成原来版本问题消失。 //猜测是gradle3.6.2版本存在问题。 classpath 'com.android.tools.build:gradle:3.6.2' } } 反思 项目出现问题
uniapp uni.scss中使用@mixin混入，在文件引入@include 样式不生效 Error: Undefined mixin.（踩坑记录一）
最新发布
weixin_44216637的博客
03-29 538
Error: Undefined mixin. @include flex()
vue3 PC端项目构建TS，vue3+antd+vite+axios+pinia+sass+typescript
02-18
该架构已踩过大部分坑，文章地址：https://blog.csdn.net/randy521520/article/details/136544929 在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 vue3：https://cn.vuejs.org/ vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro pinia：https://pinia.vuejs.org/zh/ sass：https://blog.csdn.net/randy521520/article/details/131242242 typescript：https://blog.csdn.net/randy521520/article/details/130425863
react PC端项目构建TS，[email protected]+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于[email protected]端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 react：https://react.nodejs.cn/reference/react/hooks antd：https://ant-design.antgroup.com/components/pagination-cn/ axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242
vue3移动端项目构建TS，vue3+vant+vite+axios+pinia+sass+typescript
02-08
该架构已踩过大部分坑，文章地址：https://blog.csdn.net/randy521520/article/details/136151322 在使用该架构前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、pinia、vant、sass、vite、vue3和typescript，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配等功能 vue3：https://cn.vuejs.org/ vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro pinia：https://pinia.vuejs.org/zh/ sass：https://blog.csdn.net/randy521520/article/details/131242242 typescript：https://blog.csdn.net/randy521520/article/details/130425863
uniapp引入uview报错
technology_tyro的博客
11-20 1847
报错：SassError: File to import not found or unreadable: @/uni_modules/uview-ui/theme.scss.我的正确写法：（删掉前面的路径，直接从uview开始写路径，easycom那个配置估计暂时用不到，所以写全路径也没有报错）我根据网上的给的配置信息普遍都是绝对路径，如@/uni_modules/uview-ui/theme.scss，今天新建一个uniapp项目想引入uview，但是编译过程中一直报错说找不到文件。
【gulp-sass】error: File to import not found or unreadable
weixin_30618985的博客
12-07 2069
　　简要记录一下在使用gulp-sass时候踩的坑，虽然不明所以然，但是似乎在https://github.com/dlmanning/gulp-sass/issues/1找到了答案。 在使用gulpfile配置监听文件更新自动编译时候出现了一个这个错误：“error: File to import not found or unreadable: ./m-body” 而且会出现一...
react sasserror:file to import not found or unreadable
weixin_38249353的博客
04-20 2952
我出现这个问题的原因是二开，之前是用ios系统开发，所以SassPath会出现问题,修改env即可 SASS_PATH=./node_modules;./src
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
邓邓子的博客
02-02 4038
1、问题 执行npm run serve报错： File to import not found or unreadable: @/assets/styles/global.scss. 2、解决方法 缺少sass-loader，执行以下命令安装： npm install sass-loader 如果继续报错： Syntax Error: TypeError: this.getOptions is not a function 是由于sass-loader版本过高造成的，执行以下命令卸载当前版本安装低版
vue cli 4.5配置css预处理器时候遇到的低级错误 报错SassError: File to import not found or unreadable
热门推荐
Hiroshi's
04-10 1万+
今天配置vue.config.js时候遇到一个很无语的地方，配置预处理器 Loader 传递选项时候，一直在报错，我的配置如下： 百度找解决办法都是什么鬼，后来stackoverflow找到一个解决办法： 再对照一下官方文档： 由于我是在给项目配置scss，所以最后应该加上一个;符号，就像这样： 浪费了十多分钟，无语！ ...
File to import not found or unreadable: bootstrap-sprockets.
weixin_30607659的博客
04-30 1091
解决：gem 'bootstrap-sass' 转载于:https://www.cnblogs.com/wtyqer/p/10798580.html
File to import not found or unreadable: ~@/variables.scss.
yangzixiansheng的博客
07-09 6094
File to import not found or unreadable: ~@/variables.scss. 1.利用vue create 安装了简易项目 2.想使用sass，于是下载了 “node-sass”: “^4.14.1”, “sass-loader”: “^8.0.2”, 3.新创建vue.config.js，写上如下配置 4.报了如题的错误，更改@import…这些路径，要明确指向某个文件才不报错。 我猜测是由于配置要有个基础共用文件做事例打包 ...
如果报错File to import not found or unreadable: @/uni_modules/uview-ui/theme.scss. 19:01:44.356
LRQQHM的博客
12-15 2973
在src下新建一个文件夹 将node_modules中的uni_modules复制过去就好了。
npm run时File to import not found or unreadable:@styles:var
weixin_44533905的博客
10-30 547
之前本来都是默认的安装node-sass和sass-loader版本，报的错也很离奇（not found or UNreadable：@styles/var，一脸懵。css定义那里两个错，都是莫名其妙的，其中一个还有错误所在的行数超过那个文件代码总行数，w？最后装的nvm，安装node12.22.12，node-sass4.14.1，sass-loader8.0.2（这个是项目最低版本要求）本文作为解决问题记录。
File to import not found or unreadable: uview-ui/index.scss.文件查找失败
akun的博客
11-28 1882
文件查找失败
error in ./src/assets/style/element-variables.scss Syntax Error: Error: Cannot find module 'node-sass'
03-14
这个错误是由于缺少 node-sass 模块导致的。您可以通过运行以下命令来安装它： npm install node-sass 或者，如果您使用的是 yarn，可以运行以下命令： yarn add node-sass 这将安装所需的模块并解决该错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值