ts 使用sass变量提示在string上不存在这个属性

最新推荐文章于 2025-04-10 17:11:41 发布
最新推荐文章于 2025-04-10 17:11:41 发布
阅读量3.2k 收藏 3
点赞数
CC 4.0 BY-SA版权
文章标签： sass 前端 typescript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15006083/article/details/123004114
本文讲述了如何在TypeScript项目中正确处理Sass变量，包括在variables.scss.d.ts中定义模块，避免全局变量引发的重复加载问题，以及如何组织导出和声明文件。通过实例说明了配置和解决变量冲突的方法。

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

ts 使用sass变量提示在string上不存在这个属性**

在这里插入图片描述
在这里插入图片描述

解决办法：定义声明模块variables.scss.d.ts，如下图：
在这里插入图片描述

这样就解决了问题

如果配置了全局的sass变量，还会引发一个问题，提示This file is already being loaded.
在这里插入图片描述

解决办法：删除variables.scss.d.ts文件和variables.scss中的导出代码，和新建一个导出sass变量的scss文件(export.scss)和对应的声明文件(export.scss.d.ts)，export.scss引入variables文件,在ts中export变量,这样就解决了这个问题
在这里插入图片描述

qq_15006083
关注
使用vite搭建一个vue3项目（vite vue3 ts scss vuex vue-router element-plus axios）
weixin_53221027的博客
07-22 1270
从零搭建一个vue3项目（vite veu3 ts scss vuex vue-router element-plus axios），包含vue3 API的自动导入，element-plus按需自动导入，vite环境变量，路径别名，代理服务器等
element-plus 更换主题色
小秀的博客
02-05 1275
由于跟着官方文档可能出现报错，于是写一份避坑指南。
vue3+ts 类型“never”上不存在属性“xxx”。或 类型“{}”上不存在属性“xxx”。或 类型“string”的参数不能赋给类型“never”的参数。等等
qq_45952585的博客
12-26 1万+
上面这些问题都是使用了any类型注解来解决的，无论是基本类型还是引用类型，都可。除了上述这些报错之外，可能还会有其他类型的报错，有小伙伴发现了的话，可直接评论留言，如果文章中有写错的地方，还请小伙伴们指出来，及时改正。
解决 vite 中报错SassError: This file is already being loaded
很久很久以前的的博客
11-07 4073
解决 SassError: This file is already being loaded
Syntax Error: SassError: This file is already being loaded. 这个错误。原因是将这个scss文件重复引入了, 修改如下：
weixin_42777161的博客
01-19 2042
【代码】Syntax Error: SassError: This file is already being loaded. 这个错误。
Error: This file is already being loaded.
Ky2lin
04-10 274
项目中需要引入一个scss文件作为全局变量，引入之后在本地编译时可用，但是打包之后就会报错Error: This file is already being loaded.，原因是不能把scss文件放在assets目录下。把scss文件换个位置放就可以了，如下图。项目环境：Vite+Vue3。
这个项目都是使用过的ts和scss
06-12
- **类型不识别**：在 `global.d.ts` 中添加缺失的类型声明 - **样式不生效**：检查 `sass-loader` 版本（推荐 v12） ```bash # 清理缓存 taro clean && rm -rf node_modules/.cache ``` ### 性能优化建议 1. 使用 ...
vue3+ts+sass配置换肤如何切换皮肤
07-17
可以使用Vue的响应式数据来存储当前皮肤的值，并在模板中使用对应的全局变量。例如，在根组件中进行皮肤切换： ```vue <!-- 页面内容 --> <script lang="ts"> import { defineComponent, ref } from '...
vue3+vite+ts 中.css如何引用环境变量
最新发布
07-30
如果我们使用Sass，可以在Vite配置中定义一个全局的Sass变量文件，然后在其中注入环境变量。但是，这需要我们在构建时动态生成这个文件。 我们可以写一个Vite插件来实现这个功能，但相对复杂。 方法三：使用...
给我用Vue3+TS架构来创建一个新的前端项目，能调用DeepSeekAPI并且能够在这个项目上使用deepSeek进行问答，而且可以修改成自己公司的风格，可以更新自己知识库供公司人使用
03-04
好的，用户让我用Vue3+TS架构创建一个前端项目，能调用DeepSeek的API进行问答，还能修改成自己公司的风格，并且可以更新知识库供公司内部使用。首先，我需要确认用户的具体需求。他们可能是一个企业，想要搭建一个...
typed-scss-modules：using使用SCSS为CSS模块生成类型定义（.d.ts）
01-29
:wrapped_gift: typed-scss-模块 生成打字稿定义（ .d.ts对于那些写在SCSS（CSS模块）文件.scss ）。 查看有关此软件包背后的原理和灵感的信息。 例如，给出以下SCSS： @import " variables " ; .text { color : $blue ; & -highlighted { color : $yellow ; } } 将生成以下类型定义： export const text : string ; export const textHighlighted : string ; 基本用法 安装并作为devDependency运行： yarn add -D typed-scss-modules yarn tsm src 或者，全局安装： yarn global add typed-scss-modules tsm src 或者，使用npm： npm install -D typed-scss-modules ./node_modules/.bin/tsm src 高级用法 对于所有可能的命
CocosCreator2.3.1切换场景出现Failed to load scene ‘xxx‘ because ‘xxx‘ is already being loaded问题的解决方案
田螺姑娘的博客
12-14 3160
CocosCreator2.3.1切换场景出现Failed to load scene ‘xxx’ because ‘xxx’ is already being loaded问题的解决方案 问题展示 效果图 解决方案 cc.Class({ extends: cc.Component, properties: { video: cc.VideoPlayer,//视频组件 progress: cc.ProgressBar,//进度条组件 labe
[vite] Internal server error: Undefined mixin / Undefined variable. Vite+Vue3+TS+SCSS 全局样式引入出错解决方案
11-13 1万+
在使用Vue3 + Vite2开发过程中，使用了SCSS 以往在main.js使用引入全局样式表就可以了 @import './styles/mixins.scss'; 但是实操中得到了这样的一个错误 [vite] Internal server error: Undefined mixin. 4 │ @include flex-row-lc; 翻阅文档: https://vitejs.bootcss.com/config/#css-preprocessoroptions 得知需要通过..
vue3 报错合集
xiao_cheng_的博客
01-20 1万+
vue3报错合集 1、使用el-table时报错： Uncaught (in promise) TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Object’ | property ‘vnode’ -> object with constructor ‘Object’— property ‘component’ closes the circle 原本只
挖坑记录：vite使用sass 报错：[plugin:vite:css] expected “；“.
热门推荐
北柒南笙
10-27 1万+
vite 使用 sass 报错
解决[plugin:vite:css] [sass] Undefined mixin.报错信息
编程小白的博客
02-02 5923
解决[plugin:vite:css] [sass] Undefined mixin.报错信息
TypeScript入门学习笔记
weixin_61697263的博客
04-14 2043
欢迎各位学习ts的大佬指教！
This file is already open in an editor问题的解决方法
好儿郎~志在四方
04-02 8667
解决方法:在FileView标签栏里,找到A.rc,其中A是你的工程名,然后双击打开该文件,选择关闭该文件(右上角的关闭小按钮)，返回resource file标签栏,双击打开工程就可以了.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值