uni-app报错[错误] ERR: ./common/main.wxss(62:7): unexpected `{` at pos 757

Less语法在移动端的兼容性问题
最新推荐文章于 2024-03-26 20:34:19 发布
最新推荐文章于 2024-03-26 20:34:19 发布
阅读量7.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41999617/article/details/89284663
本文描述了一个在App.vue页面使用Less格式编写样式时遇到的问题：在浏览器环境下由于安装了Less插件，可以正常识别Less语法，但在移动端设备上运行时因不识别Less语法而引发的错误。文章强调了在不同平台间进行测试的重要性。

很欣喜的在浏览器端对好接口，然后运行在手机，崩溃了，报错！！！！！！

 检查了许久才发现在我的App.vue页面我使用了less格式来写样式，Hbuilder里面安装了less插件，所以在浏览器能识别less语法，运行在手机上面，不能识别less语法，所以就报错了。

【2025最新】uniapp微信小程序真机调试600001报错 request:fail net request:fail net::ERR_CONNECTION_REFUSED的排查过程
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
06-26 472
本文记录了uniapp微信小程序真机调试时出现600001报错（request:fail net::ERR_CONNECTION_REFUSED）的排查过程。开发者发现PC端测试正常，但真机调试失败的
npm报错git.EXE ls-remote -h -t https://github.com/nhn/raphael.git
邓邓子的博客
05-11 3898
目录一、问题描述二、解决方法1.方法12.方法23.方法3 一、问题描述 npm 执行报错 git.EXE ls-remote -h -t https://github.com/nhn/raphael.git ： npm ERR! Error while executing: npm ERR! d:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git npm ERR! npm ERR! fatal
uni-app 错误集合
三杯五岳
07-24 1869
1、[ WXSS 文件编译错误] ./common/main.wxss 解决办法： 1.不要在app.vue或其它文件内手动引用uni.scss，默认无需引用，就可以直接在其它文件的内调用里面的css变量 2.如果手动引用了，记得在style标签上声明为scss模式，如： <style lang="scss"> /*但凡用到scss方式设置css的地方都要在标签上显示声明*/ ... </style> uni.scss官方说明文.
uniapp运行到微信开发者工具出现 [ WXSS 文件编译错误] 的解决办法
热门推荐
小蜗牛的博客
12-25 2万+
问题描述： uniapp运行到微信开发者工具，在控制台出现：[ WXSS 文件编译错误]提示，如图： 控制台点击main.wxss文件发现在uniapp中定义的uni.scss变量保持原样，没有经过编译，如图： 问题出现的原因： 经过查找发现，是由于我在app.vue中手动引入了uni.scss，并未在style标签上声明scss模式，所以uni.scss内定义的css变量就未经编译，被当做普通css进行引入，编译到小程序后，wxss不识别所以报错，如图： 解决办法： 1.不要在app.v.
wx wepy项目编译运行报:./app.wxss unexpected “�“ at pos 1
明明的博客
09-14 2343
上图 遇到这个错误的时候一脸懵逼, 刚开始的时候,自己看了看报错的文件,发现没问题 因为项目之前一直好好的 然后找到一种暂时解决的办法,那就是在报错的文件重新刷新它 这时候就不报错了 但是当你下次编译后问题还是会出现 ...
uniapp [ WXSS 文件编译错误] not found
lmy_loveF的博客
08-10 3239
[ WXSS 文件编译错误] ./pages/User_Login/forgetpass/forgetPass_one/forgetPass_one.wxss not found 出现问题原因：项目目录层级太深了，微信开发者工具识别不了 解决方法：把项目文件直接放到D盘
微信开发者工具提示 : unexpected `{` at pos 5051
青鱼青鱼的博客
06-13 1561
然后运行到微信开发者工具，就提示...xxx: unexpected `{` at pos 5051，看了好几个方法，后来发现是新加的css问题，应该这样。我在HBuiderX的vue文件新加了两个css，类似这种。
2024年安装vue-cli报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: 证书已过期
JIE_PLAY的博客
01-25 1万+
在2024年1月份使用淘宝镜像https://registry.npm.taobao.org安装vue-cli时报错：request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: certificate has expired，检查发现原来是淘宝镜像换了
fastdfs上传文件报错 ERROR - file: ../client/client_func.c, line: 257, “/var/fdfs“ can‘t be accessed
liangshao_fisher的博客
11-23 3919
fastdfs上传文件报错 ERROR - file: …/client/client_func.c, line: 257, “/var/fdfs” can’t be accessed, error info: No such file or directory 如图所示： 容器中执行 fdfs_upload_file /etc/fdfs/client.conf niceyoo.txt上传文件的命令，提示ERROR - file: …/client/client_func.c, line: 257, “/
阿里云apt-get安装包时Err:2 http://mirrors.cloud.aliyuncs.com/ubuntu xenial-security/main amd64 git amd64 1:...
dianshu1593的博客
03-02 4723
新部署的云服务器出现如下错误： root@iZj6cbjalvhsw0fhndmm5xZ:~# apt-get install git Reading package lists... Done Building dependency tree Reading state information... Done The following additional...
在安装 vue-elementui-admin时出现 undefined ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.git
陈景夏
03-22 2810
npm ERR! Error while executing: npm ERR! C:\chenjingxia\application\Git\cmd\git.EXE ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.git npm ERR! npm ERR! Host key verification failed. npm ERR! fatal: Could not read from remote repository. npm ERR! n
uniapp使用scss变量报错/无效
lys20000913的博客
05-19 3510
uniapp使用scss变量无效/报错
【uview UI】uniapp发布成 微信小程序 主包内 main.wxss 体积太大 解决方法
AAAXiaoApple的博客
12-07 1671
【uview UI】uniapp发布成 微信小程序 主包内 main.wxss 体积太大 解决方法
在写uniapp代码的时候出现Unexpected token, expected “,“ (160:2)错误
2202_75520383的博客
03-26 1283
所以以后在一个大括号下添加并列的代码块如果报错了，记得看是不是逗号的问题。当然有时候也可能是少括号‘}’或者少一些特定符号的问题。找了一下午结果发现是一个逗号的问题，记录一下引以为戒。
uni-app错误：platform missing String.prototype.normalize (operation=“String.prototype.normalize“,
weixin_43343144的博客
08-11 765
这个错误苹果或H5正常，仅安卓会出现这个问题 区块链异步异常捕捉_error:Error: platform missing String.prototype.normalize (operation="String.prototype.normalize", form="missing NFKD", version=4.0.27) 这个错误的根源就是字符串不兼容标准的四个形式 ...
微信小程序【WXSS 文件编译错误】unexpected “?“at pos 1的解决办法。
孙叫兽的博客
12-01 1万+
问题： 解决办法： 在控制台输入openVendor()，清除里面的wcscwcsc.exe然后重启工具。 如果涉及编码格式乱码的，请手动改为uft-8. 问题： 解决办法：
微信小程序报错.wxss无法找到
u012329294的专栏
11-23 5830
小程序原来一直运行正常，编译都没有问题，但今天更新了一下工具，就一直编译不过，报.wxss无法找到，搜索半天，才解决。 解决方案如下： 在控制台输入openVendor()， 在打开的目录中清除wcsc.exe，再重启工具，就搞定了！
[微信小程序]微信开发工具出现 1not found 编译 .wxss文件信息错误怎么办？
u011927449的博客
08-01 1563
错误代码： "1not found 编译 .wxss文件信息错误"，如 下图 出现场景： 1.一般出现在安装新版本之后出现的状况，可能由于版本之间的兼容导致 解决办法： 1.重装整个软件，卸载之后，删除注册表 2.控制台输入openVendor()之后会打开系统文件夹，删除 wcsc ，csc.exe两个文件（千万要备份，防止错误操作），然后重启，如图： 小编亲测可用，但是可能会存在多种情况，请注意备份...
wepy框架自定义组件编译报错not Found File XXX.wxss
weixin_30340775的博客
04-10 332
今天在自己写wepy框架组件的时候编译后报错not Found File XXX.wxss 我去，当时我很难受啊，调用组件时结构和逻辑都正常，一写样式就原地爆炸 解决之路：1.先打开编译后的dist文件夹看一下，发现组件的wpy文件编译后只有wxml文件和js文件，wxss文件不翼而飞 我他娘的wxss文件呢，我去，难道是依赖的某个包有问题？不应该啊，我别的自定义组件都是正常的，这尼玛灵...
at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:252:58) at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:275:7)
最新发布
03-29
### 关于 `webpack-dev-server` 的 `overlay.js` 文件中的 `handleError` 方法 在处理 `webpack-dev-server` 中的 `overlay.js` 文件时，如果出现了与 `handleError` 方法相关的错误，可以按照以下方法分析和解决问题。 #### 错误定位 通过提供的信息可知，错误发生的位置是在 `webpack-dev-server/client/overlay.js` 文件内的 `handleError` 函数中。该函数的具体实现位于第 299 行附近，并且调用了另一个位置上的代码片段（第 322 行）。此问题可能是由以下几个方面引起的： - **语法或逻辑错误**：检查 `handleError` 函数及其周围代码是否存在潜在的语法错误或者未定义变量等问题[^1]。 - **依赖冲突**：确认当前项目的依赖项是否全部正确安装以及版本之间是否存在兼容性问题[^4]。 #### 解决方案概述 针对上述情况，可采用如下几种方式来排查并修复问题： 1. **降级至稳定版** 若怀疑问题是由于高版本的 `webpack-dev-server` 导致，则可以通过指定较低版本号的方式重新安装插件。例如执行命令： ```bash npm install webpack-dev-server@3.11.0 --save-dev ``` 这样做能够有效规避某些新特性引入的不稳定因素[^3]。 2. **调整启动参数** 使用自定义配置文件运行服务端程序时，请确保传递给它的各项参数均合理合法。比如下面这条语句就指定了开发环境下的构建工具链路径： ```javascript webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ``` 3. **深入审查源码结构** 对照官方文档说明逐行解读涉及部分的功能描述，必要时候借助调试器逐步跟踪数据流走向以便更精准地锁定异常源头[^2]。 4. **增强日志记录功能** 修改原始脚本增加额外的日志打印语句辅助诊断过程，便于观察实际传入参数值及内部状态变化趋势。 ```javascript function handleError(err){ console.error('An unexpected error occurred:', err); // 新增一行用于输出详细报错详情 throw new Error(`Failed to process request due to ${err.message}`); } ``` 以上措施综合运用往往能显著提升故障排除效率。 ---
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值