scss 编译报错：Module build failed:Unknown word

最新推荐文章于 2024-12-31 14:44:56 发布

zwkkkk1

最新推荐文章于 2024-12-31 14:44:56 发布

阅读量5.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： webpack Bug解决文章标签： scss loader配置 webpack unknown word 编译

本文链接：https://blog.csdn.net/zwkkkk1/article/details/82767276

当遇到'Unknown word'编译错误时，首先检查SCSS语法无误。问题可能源于CSS或SCSS loader配置顺序不当。解决方法包括确保正确安装相关loader，并在webpack配置中遵循从右到左的加载顺序，将SCSS loader置于CSS loader之后，以正确处理.scss文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，请确认错误不是由语法错误造成的。

在排除语法错误后，这一问题产生的原因很有可能是 webpack 的 loader 顺序设置错误。

解决方案

首先要确认下面的扩展有没有安装好

npm i sass-loader node-sass postcss-loader style-loader autoprefixer -D

css loader 的配置

生产环境

{
   
   
   test: /\.css$/,
   use: ExtractTextWebpackPlugin.extract({
   
   
    fallback: 'style-loader'

最低0.47元/天解锁文章

新学期VIP享超值加赠

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zwkkkk1

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

webpack编译scss语法报错的原因

luo1914_的博客

05-16

1063

先来一张报错的截图报错的原因：就是webpack没有办法识别.scss后缀名的文件所以我们要按照node-sass和sass-loader yarn add node-sass sass-loader -D 然后在webpack.config.js配置 module: { rules: [ { test: /\.css$/i,//指明需要匹配什么样的文件类型 use: ['style-loader', 'css-l

renren-fast-vue无法运行相关问题解决办法n ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no su

qq_41556455的博客

07-22

6096

in ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’ at Object.fs.readdirSync (fs.js:861:3) at Object.getInstalledBinaries (C:\Users\xy

参与评论您还未登录，请先登录后发表或查看评论

taro中使用scss变量报错：Unknown word $ ...

qq_38969618的博客

12-05

1229

原因：在scss文件中引入其他scss文件写法错误，使用了：@import url("scss文件路径");解决：需使用 @import 'xxx.scss'

项目中scss编译报错解决方案

weixin_42219561的博客

12-14

696

项目中scss编译报错解决方案(使用dart-sass替换scss模块) npm install node-sass@npm:dart-sass

Hbuilder node-sass，.scss文件编译失败

weixin_43392512的博客

05-26

504

Hbuilder node-sass，.scss文件编译失败原因

Module build failed: Unknown word，无法读取css文件

前端

04-10

1万+

在写Vue程序过程中遇到错误： ERROR in ./src/assests/styles/test.css Module build failed: Unknown word (2:1) 1 | > 2 | var content = require("!!./test.css"); | ^ 3 | 4 | if(typeof content === 'string...

微信小程序sass不编译怎么办_【报Bug】编译至微信小程序，scss报错

weixin_39800918的博客

01-14

680

产品分类：HbuilderXPC开发环境操作系统：WindowsPC开发环境操作系统版本号：windows10HBuilderX类型：正式HBuilderX版本号：2.9.7示例代码：$spacing:12rpx;@for $i from 0 through 5 {@if $i == 0{.p-#{$i} {padding: $spacing * $i !important;}.pt-#{$i},...

安装 uView 报错

前端历险记

06-17

1372

报的是这个错？？？！！！找这个问题，找的我头皮发麻 10:37:41.657 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 10:37:41.659 ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): 10:37:41.680 SyntaxError 10:37:41

Module build failed (from ./node_modules/.store/vue-loader@16.8.3/node_modules/vue-loader/dist/index.js): TypeError: Cannot read properties of undefined (reading 'styles') at Object.loader (F:\wwwroot\html_mix\LabelOnline\node_modules\.store\vue-loader@16.8.3\node_modules\vue-loader\dist\index.js:70:34)

03-08

好的，用户遇到了一个构建错误，具体是“Module build failed”和“Cannot read properties of undefined (reading 'styles')”在Vue Loader中。首先，我需要确定这个错误的常见原因。Vue Loader在处理单文件组件时...

webpack import css文件的环境配置遇到的Module build failed: Unknown word 及其他

热门推荐

钟大灵的博客

05-19

2万+

博主在初学webpack的时候可是吃了不少的苦头，其中就包括导入css文件所带来的各种BUG，其中一些就特别的棘手，顺手就写篇博客分享给大家，希望跟博主遇到同样问题的伙伴们能借此早日解决自己的BUG。（由于博主是第一次写博客，所以有专业术语用的不对的地方希望大家指正哈~）在使用webpack搭建vue-loader工程时，常遇到的问题可能有babel在es6到es5的转译问题，这个通

[plugin:vite:css] \uni_modules\vk-uview-ui\index.scss:1:1: Unknown word

Tianxiaoxixi的博客

02-08

1449

[plugin:vite:css] \uni_modules\vk-uview-ui\index.scss:1:1: Unknown word

【修复报错】uniapp报错：uni.scss Unknown word CssSyntaxError

m0_74114518的博客

10-14

1047

在命令行窗口输入npx stylelint **/*.scss，出现报错 uni.scss Unknown word CssSyntaxError

Unknown word (CssSyntaxError)Stylelint(CssSyntaxError)配置stylelint，解决报错问题

Shaw_Jie的博客

12-31

716

vue3 + vite 项目配置stylelint时遇到的报错及处理方案

[plugin:vite:css] [postcss] postcss-import: “” unknown word一个关于在vite中引入scss的超级离谱的报错！！

xiaochengstudent的博客

01-17

8330

[plugin:vite:css] [postcss] postcss-import: “” unknown word一个关于在vite中引入scss的超级离谱的报错！！

亲手搭建vue项目的过程--Module build failed: Unknown word,无法读取css文件

HQ DevJ的专栏

05-19

7790

执行webpack-dev-server的时候就报错了，报错如下： ERROR in ./src/components/app.vue?vue&type=style&index=0&id=6c0a0fc1&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_...

修复Stylelint报错：Unknown word CssSyntaxError

happy_hsf的博客

06-17

7187

出现报错的文件格式为html，对于html的格式的文件stylelint当前配置的规则可能不适用导致。更改postcss.config.js规则。

webpack中css使用行内注释报错Unknown word

weixin_34239169的博客

06-22

7607

问题：在webpack项目中对*.css文件使用‘//’注释时会产生报错，而使用‘/**/’注释不会报错例如： /* test*/ // test 复制代码其中第二行会产生报错 ERROR in ./src/css/index.css (./node_modules/css-loader!./node_modules/postcss-loader/lib!./src/css/index.css)...

SASS编译失败

weixin_30364147的博客

08-16

335

文件名不能用中文转载于:https://www.cnblogs.com/qq309240790/p/5775515.html

scss编译报错：Module build failed:Unknown word

DeliaWen的博客

10-21

954

找了一晚上的问题，最后发现是loader的顺序导致的。窒息 = =。 sass-loader 一定要放在最后！！！！！！loader的执行顺序是从后往前！

npm run 运行报错：Failed to compile with 1 error 08:51:54 error in ./src/styles/element-variables.scss Syntax Error: SassError: Can't find stylesheet to import.