Ruby环境SCSS编译中文出现Syntax error: Invalid GBK character

最新推荐文章于 2022-07-26 23:15:56 发布
最新推荐文章于 2022-07-26 23:15:56 发布
阅读量827 收藏
点赞数
分类专栏： css 文章标签： ruby sass

解决办法：

找到Ruby的安装目录，里面也有sass模块，如这个路径：

C:\Ruby21-x64\lib\ruby\gems\2.1.0\gems\sass-3.4.8\lib\sass
在该路文件里面 engine.rb，添加一行代码：

require …
require ‘sass/supports’

Encoding.default_external = Encoding.find(‘utf-8’)
放在所有的require XXXX 之后即可。

再次编译之后：

/标准的CSS注释,会保留到编译后的文件。/
/*!
加一个感叹号，表示这是”重要注释”。即使是压缩模式编译，也会保留这行注释，通常可以用于声明版权信息。
*/
这里写图片描述

【异常】安装node-sass失败提示Syntax Error: Error: Cannot find module ‘node-sass‘
本本本添哥
09-10 1352
（运行node -v查看node版本，package.json中查看node-sass版本）在package.json中可查看修改 node-sass和sass-loader的版本。【注意】如果node版本为16，请直接修改package.json中的为下面的版本。是一个 Sass 的 Node.js 绑定，用于将 Sass 编译成 CSS。（2）其次，node-sass的版本与sass-loader也需要对应。（1）首先，node的版本与node-sass的版本需要对应。确保 Node.js 版本与。
vue+history+iis+webpack 白屏并且提示 Uncaught SyntaxError: Unexpected token
changyandou2020的博客
08-27 424
开发环境下不论是使用hash模式，还是history模式，都可以正常使用。但是当产品编译后发布到测试环境、生产环境的时候，就会出现页面空白，或者指向了iis的默认页面。
Vue--解决Scss报错：Syntax Error: TypeError: this.getOptions is not a function
IT利刃出鞘的博客
07-26 3517
本文介绍Vue集成scss时的报错的解决方法。 报错信息为：Syntax Error: TypeError: this.getOptions is not a function
【已解决】Package inputenc: Unicode character ​ (U+200B) (inputenc) not set up for use with LaTeX.
the Blog of 等不到天亮丶等时光
06-03 7791
在用pdflatex编译latex项目的时候出现了这样的报错，这里给出解决方案。
ruby 读取数据报 incompatible character encodings: UTF-8 and GBK 错误
zlzdj的专栏
04-11 1532
1、错误描述 2、解决办法 给encode函数添加invalid和undef两个参数，这样当无法解释时候会用默认的？来代替，就不会报错了。 title.encode("UTF-8", invalid: :replace, undef: : replace) => "aaa???!" ...
sass 不支持中文解决方案
xuelang532777032的博客
02-20 1513
sass不支持中文  不是他不支持  是你打开的方式不对  我用的是 Ruby    Koala  来压缩  如果你也是用了这2款 那你没进来错   跟着博主的步骤来走 1、 打开koala 的安装目录找到  engine.rb的那个文件   2、在 require 的最后面加入  Encoding.default_external = Enco
Vue引入scss文件报错 Syntax Error: SassError: Undefined variable.23 │ $b-custom-radio-indicator-border-rad
手撕鸡翅的博客
08-28 9453
错误如下：scss编译错误 error in ./src/assets/scss/index.scss Syntax Error: SassError: Undefined variable. ╷ 23 │ $b-custom-radio-indicator-border-radius-lg: $custom-radio-indicator-border-radius !default; │ ^^^^^
Syntax Error: Error: PostCSS received undefined instead of CSS string
weixin_40945354的博客
04-06 2469
没找到办法 ERROR Failed to compile with 1 error 13:29:24 error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss&scoped=true Synta
webpack编译时报错Module build failed，SyntaxError: Unexpected token＞ ＜div＞
一枚不断学习的小码农一枚~
04-06 1307
webpack编译时报错 ERROR in ./src/components/App.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (9:6) 7 | render() { 8 | return ( > 9 | <div> | ^ 10 | <im
OTS parsing error: invalid version tag解决方法
qq_64353584的博客
04-21 4236
使用webpack打包css/less/scss/ttf等字体文件，总是会遇到出现很多的问题，程序语音语法每月都在变化，比如去年的语法结构可能在今天使用就会出现各种问题，毕竟语法是不断完善的，遇到纠结时。过多纠缠真的没必要，直到有一天做的多了，然后把前边的稍微变通一下，竟然达到想要的结果。多看多练，多思考，多做笔记自然是好。你得到的东西自然不是别人的。 目标：打包字体文件 png|woff|woff2|svg|ttf|eot 工具： 就是使用webpack工具 基础：适合具有node基础的开发人员.
SyntaxError: (unicode error) 'utf-8' python中文错误解决方法
bugkiller
09-11 6691
主要是源文件定义的编码方式与IDE的中文编码方式不同。解决方法就是检查编辑工具的文件编码与源代码定义的编码方式是否相同，并进行修改。例如Notepad++在工具栏的“编码”中选择，geany是在文档——设置文件编码中选择。 # -*- coding:UTF-8 -*-        选择UTF-8； # -*- coding: gbk -*-      选择GBK...
sass 两个小坑，Syntax Error: SassError: Expected newline，this.getOptions is not function
weixin_43768107的博客
09-26 2040
this.getOptions is not function vue3中引用sass-loade 网上查阅相关问题，是我安装的 scss-loader 版本太高，卸载安装低版本即可 npm uninstall --save sass-loader // 卸载 npm i -D sass-loader@8 // 安装 npm uninstall --save node-sass // 卸载 npm i node-sass@4.14.1 // 安装 // 如果node-sass安装失败，也可以直接在packa
vue项目安装scss常见报错处理
晓光同学的博客
08-12 6491
1. 安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 第一种：Module build failed: TypeError: this.getResolve is not a function 如果运行之后项目报错 Module build failed: TypeError: this.getResolve is not a functi
sass里面不能加注释的解决办法
weixin_30644369的博客
07-19 513
1.0 找到ruby的安装目录，里面也有sass模块，如这个路径： C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass 2.0 在这个文件里面engine.rb，添加一行代码（同方法1） Encoding.default_external = Encoding.find('utf-8') 放在所有的require XXXX 之后即...
关于 vue3 安装sass 出现 Syntax Error: TypeError: this.getOptions is not a function
weixin_39309918的博客
03-16 3548
vue3安装sass成功；但是编译时候； 出现如何以下错误 ERROR Failed to compile with 1 error 下午1:05:09 error in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&lang=s
【latex报错】Package inputenc Error: Unicode character (U+2009)(inputenc) not set up for use with LaTeX.
热门推荐
Abby_Taowenx
09-27 6万+
【latex报错】Package inputenc Error: Unicode character (U+2009)(inputenc) not set up for use with LaTeX. 使用在线公式编辑EdrawMath编辑数学公式，转换为Latex代码插入后报错。 下图第一行是正确格式，第二行是报错格式。可以看出问题在于使用了\text{}输出了一个中文空格符。 （这是已经查出问...
关于 vue3 使用scss 出现 Syntax Error: TypeError: this.getOptions is not a function
u010994219的专栏
10-12 700
vue3使用scss只用安装两个包就行： npm install sass --save 这个问题是sass-loader版本太高 直接改package.json中的sass-loader:"^10.1.0" 然后执行npm install就ok 和npm install sass-loader@^10.1.0 --save是一样
ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
swanabin的专栏
07-22 8397
转自VC错误:http://www.vcerror.com/?p=1835 问题描述： sass文件编译时候使用ruby环境，在xp环境中没有任何问题，但是在windows7环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误： Syntax error: Invalid GBK character "\xE5"         on line 8 of E:\wor
latex-WinEdt报错! Package inputenc Error: Unicode character fi (U+FB01) (inputenc)
shiue_gx的博客
10-24 8789
latex出错 ! Package inputenc Error: Unicode character fi (U+FB01) (inputenc) not set up for use with LaTeX. fi rst ？ 原因：如下图所示。即：童鞋，复制粘贴的fi字体格式不对，重新键盘手敲一下就行。 左边是复制粘贴报错的字符，右边是正确的字符格式...
error in ./src/assets/css/element-variables.scss Syntax Error: Error: PostCSS received undefined instead of CSS string
最新发布
04-14
<think>好的，用户在处理element-variables.scss文件时遇到了PostCSS语法错误，具体是“Syntax Error undefined instead of CSS string”。我需要先分析可能的原因，然后给出解决方案。 首先，用户提到错误发生在element-variables.scss，这通常与Element UI的自定义主题相关。可能的问题点有几个： 1. **SCSS语法错误**：SCSS文件中的语法错误，比如变量未正确声明或使用，或者缺少分号、括号等。PostCSS在处理这些错误时可能无法正确解析，导致报错。 2. **变量引用问题**：Element UI的主题定制需要正确引用变量，如果变量名拼写错误或未导入相关文件，可能导致变量未定义，进而引发错误。 3. **构建工具配置**：可能是Webpack等构建工具中PostCSS或相关加载器（如sass-loader）的配置不正确，导致无法正确解析SCSS文件。 接下来，我需要逐步引导用户检查这些可能的原因。首先建议用户检查SCSS文件的语法，特别是变量定义和引用是否正确。然后确认是否导入了必要的Element UI主题文件，比如`element-ui/packages/theme-chalk/src/index`。如果这些都没问题，再检查构建配置，确保sass-loader和postcss-loader的版本和配置正确。 另外，用户提供的引用代码中涉及Vue组件的模板和数据部分，可能与SCSS错误无直接关联，但需要注意是否在样式中正确使用了变量。例如，在模板中绑定类名时，如果引用了未定义的SCSS变量，也可能导致错误。 最后，建议用户提供具体的代码片段，以便更准确地定位问题。如果以上步骤无法解决，可能需要进一步检查依赖版本或构建流程中的其他环节。</think>### PostCSS语法错误解决方案分步说明 在处理$element-variables.scss$文件时出现"Undefined instead of CSS string"错误，通常由以下原因导致： #### 第一步：检查SCSS变量语法 1. 确认所有SCSS变量使用`!default`标记 2. 检查变量值格式是否正确： ```scss // 正确示例 $--color-primary: #409EFF !default; $--font-path: '~element-ui/lib/theme-chalk/fonts' !default; // 错误示例（缺少值） $--color-primary; // 会导致PostCSS解析失败 ``` #### 第二步：验证主题导入路径 在入口文件确认使用标准导入语法： ```javascript // 正确方式 import 'element-ui/lib/theme-chalk/index.css' import './element-variables.scss' // 错误方式（路径错误） import 'element-variables.scss' // 缺少相对路径标识 ``` #### 第三步：更新构建工具配置 在vue.config.js中添加SCSS处理规则： ```javascript module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/styles/element-variables.scss";` } } } } ``` #### 第四步：版本兼容性检查 确认安装的依赖版本匹配： ```json { "dependencies": { "element-ui": "^2.15.14", "sass-loader": "^8.0.2", "node-sass": "^4.14.1" } } ``` ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值