[sass] Can‘t find stylesheet to import. ╷ 1 │ @import “./src/style/variable.scss“；// 引入清除默认样式 │

最新推荐文章于 2025-06-26 14:48:15 发布
原创 最新推荐文章于 2025-06-26 14:48:15 发布 · 3.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#scss #前端

刚刚遇到如下错误，找了我一个小时，经过重新安装scss以及重新配置。
最终发现问题
在这里插入图片描述
原来是style这里少了一个styles哈哈哈上天真的是给我开了个很大的玩笑。
改完之后就能正常展示了
我现在的心情犹如我这段话
在这里插入图片描述

npm报错File to import not found or unreadable: @/assets/styles/global.scss.
邓邓子的博客
02-02 4736
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版本过高造成的，执行以下命令卸载当前版本安装低版
[vite] [plugin:vite:css] [sass] Can‘t find stylesheet to import. @import ‘./styles/variable.scss‘；
weixin_49773410的博客
04-18 5223
文件里添加下面代码，项目重启即可。
Syntax Error: SassError: Can’t find stylesheet to import.报错（ 已解决）
y7894563258的博客
06-04 4203
在跟写黑马《iHRM人力资源后台管理》p9时遇到此问题。
解决导入scss 报The requested module ‘/src/styles/variables.scss‘ does not provide an export named ‘defaul
weixin_49066399的博客
06-26 308
Vue3+TS项目中正确导入SCSS变量的方法：通过将variables.scss重命名为variables.module.scss，并使用模块化导入方式。常见错误包括：缺少:export块、Vite配置不当或路径错误。解决方案：1)修改env.d.ts声明为*.module.scss；2)确保Vite配置中启用CSS Modules。关键点在于正确配置模块类型声明和Vite的CSS模块处理，这样才能正常访问SCSS导出的变量对象。
scss配置全局变量报错[sass] Can‘t find stylesheet to import.
qq_37344867的博客
12-23 4115
路径没有错误，使用别名即可。@import弃用使用@use
ng test 运行报错SassError: Can‘t find stylesheet to import, 导致case 一个都没有执行
zsy_1991的博客
04-22 1万+
问题解决 在angular.json 中test target中也配置和build target 一样的stylePreprocessorOptions.includePaths , 问题解决。 在调查此问题的时候发现很多回答需要配置karma.config.js 在里面加files 和 preprocessors ，从而引入样式文件和预处理引擎，此种都是不必要的。 问题描述 ng start, ng build 项目都可以正常运行，但是执行ng test 就会报错，从而导致case不运行，报错信息如下：
《Webpack 报错》Can‘t find stylesheet to import
前端技术
03-07 2670
《Webpack 报错》Can't find stylesheet to import
[vite] Internal server error: [sass] Can‘t find stylesheet to import. ╷1 │ @use “~/styles/element
m0_54228768的博客
11-12 1343
把`@use "~/styles/element/index.scss" as *;
[plugin:vite:css] [sass] Can't find stylesheet to import. ╷ 1 │ @import "./src/styles/variable.scss";//引入清除默认样式 │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ src\styles\index.scss 1:9 root stylesheet E:/Web/Git/cq-admin-vue3-copy/src/styles/index.scss:1:9
07-19
用户的问题是关于一个错误信息："[plugin:vite:css] [sass] Can't find stylesheet to import."，具体是导入"./src/styles/variable.scss"失败。 错误信息是： ``` [plugin:vite:css] [sass] Can't find stylesheet...
15:42:15 [vite] Internal server error: [sass] Can't find stylesheet to import. ╷ 1 │ @import "./assets/base.scss'";*, │ ^^^^^^^^^^^^^^^^^^^^^ ╵ src\assets\base.scss 1:9 root stylesheet Plugin: vite:css File: C:/Users/leona/Desktop/公共平台/platform/src/assets/base.scss:1:9 [sass] Can't find stylesheet to import. ╷ 1 │ @import "./assets/base.scss'";*, │ ^^^^^^^^^^^^^^^^^^^^^ ╵ src\assets\base.scss 1:9 root stylesheet at Object.wrapException (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:2302:47) at C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:87480:25 at _wrapJsFunctionForAsync_closure.$protected (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:4921:15) at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:38012:12) at _awaitOnObject_closure.call$1 (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:38000:32) at Object._rootRunUnary (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:5339:18) at StaticClosure.<anonymous> (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:124453:16) at _CustomZone.runUnary$2$2 (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:39444:39) at _Future__propagateToListeners_handleValueCallback.call$0 (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:38502:51) at Object._Future__propagateToListeners (C:\Users\leona\Desktop\公共平台\platform\node_modules\sass\sass.dart.js:5131:93)
06-22
</think>### 解决 Vite 项目中 Sass 导入 "Can't find stylesheet to import base.scss" 错误 根据引用内容分析，此错误通常由 **路径配置问题** 引起。以下是完整解决方案： #### 步骤 1：验证文件路径和存在性 `...
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 1 │ @import "./variable.scss";//引入清除默认样式 │ ^^^^^^^^^^^^^^^^^ ╵ src\styles\index.scss 1:9 root stylesheet Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 2 │ @import './reset.scss'; │ ^^^^^^^^^^^^^^ ╵ src\styles\index.scss 2:9 root stylesheet Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 3 │ @import './variable.scss'; │ ^^^^^^^^^^^^^^^^^ ╵ src\styles\index.scss 3:9 root stylesheet
最新发布
07-19
@import "./variable.scss"; @import './reset.scss'; @import './variable.scss'; // 注意：重复导入，可能不需要 修改后： @use "./variable.scss"; @use './reset.scss'; 但是，这样修改后，原来通过@...
Can‘t find stylesheet to import.
qq_45215400的博客
11-03 9490
Can't find stylesheet to import.
[plugin:vite:css] Can‘t find stylesheet to import. ╷1 │ @forward ‘E:/Program Files/webpack/docs/.
yunanxxx的博客
03-02 3829
办法一：删除node_moudle文件夹，然后输入命令：npm install,回车，重新安装一遍插件。办法二： 这是因为你的安装目录中的文件夹名字是汉字或者名字中存在空格。换一个没有汉字和空格目录就行。下载webpack包时出现问题。
执行npm run dev命令时报错时： Can‘t find stylesheet to import
qq_39840969的博客
02-13 1622
npm run dev 报错的解决方案
运行前端，执行npm run dev命令时报错时： Can‘t find stylesheet to import
qq_43207709的博客
04-25 6263
运行前端，执行npm run dev命令时报错时： Can’t find stylesheet to import @import “~element-ui/packages/theme-chalk/src/index”。 解决方法：找到npm run dev命令时cd的文件夹里面，删除node_moudle文件夹，然后输入重新安装命令：npm install,回车，然后执行npm run dev，亲测可用 参这个链接：https://blog.csdn.net/D493829844/article/det
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can‘t find stylesheet
qq_36987708的博客
03-23 8811
把angular项目从git拉去下拉后，通过npm install @angular/cli@9.1.12安装项目的node_module后，再通过ng serve启动项目时一直报错 报错信息如下： ERROR in ./src/assets/custom-bootstrap-utilities.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node
can‘t not find stylesheet to import
WYLo1378的博客
10-19 1278
can't not find stylesheet to import
【无标题】Vue 突然报错:Can‘t find stylesheet to import
热门推荐
D493829844的博客
01-20 1万+
获取最新代码后，在通过命令启动项目时报错： Can't find stylesheet to import @import "~element-ui/packages/theme-chalk/src/index"。 解决方法：删除node_moudle文件夹，然后输入命令：npm install,回车，重新安装一遍插件就好了，然后从新输入q启动命令启动项目。 应该是同事那边更新某个插件的版本后导致这个问题，删除重新在安装一遍就可以了。记录一下 ...
scss文件内引入其他scss文件报错
宁波阿成的博客
12-06 1104
scss文件内引入其他scss文件报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值