微信小程序TS+SASS使用vant导致体验版白屏SystemError (jsEnginScriptError) X(...).bem is not a function

已于 2023-12-14 10:53:22 修改
阅读量576 收藏 10
点赞数 7
分类专栏： 微信小程序 文章标签： 微信小程序 sass 小程序
于 2023-11-23 09:54:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41537593/article/details/134559138
版权

微信小程序TS+SASS使用vant导致体验版白屏SystemError (jsEnginScriptError) X(…).bem is not a function

  • 目前这个问题vant v1.11.2已经修复了，涉及到的field已经无异常，1.11.1版本的vant有错位的问题

完整报错信息：

SystemError (jsEnginScriptError)
X(...).bem is not a function
TypeError: X(...).bem is not a function
at (appservice.app.js:255:21970)
at (common.app.js:1:30767)
at Object.C (appservice.app.js:255:21761)
at (@vant/weapp/field/index.appservice.js:1:2805)
at t.handleChildrenCreation (common.app.js:1:30528)
at (common.app.js:1:31877)
at (@vant/weapp/field/index.appservice.js:1:2711)
at t.handleChildrenCreation (common.app.js:1:30528)
at (common.app.js:1:30777)
at (@vant/weapp/field/index.appservice.js:1:2269)

这是因为小程序这个框架使用的是skyline导致，删掉下面的部分就可以重新预览发布了
错误代码段
新发现是glass-easel引起，去掉即可

天外来鹿
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
react移动端项目构建，[email protected]+react-vant+vite+axios+redux+sass
03-06
该架构已解决大部分坑，主要用于[email protected]移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 react：https://react.nodejs.cn/reference/react/hooks vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242
react移动端项目构建TS，[email protected]+react-vant+vite+axios+redux+sass+ts
03-06
该架构已解决大部分坑，主要用于[email protected]移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 rreact：https://react.nodejs.cn/reference/react/hooks vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242
微信小程序 jsEnginScriptError: t is not a function TypeError: t is not a function WAService.js:3
CaliXz的博客
11-05 1862
错误提示 VM22 WAService.js:3 jsEnginScriptError t is not a function TypeError: t is not a function at _ (http://127.0.0.1:17668/appservice/__dev__/WAService.js:16:23548) at Function.y [as create] (http://127.0.0.1:17668/appservice/__dev__/WAServic...
小程序基础库升级后引起jsEnginScriptError e.page.__callPageLifeTime__ is not a function
weixin_34250434的博客
03-08 453
背景 最近一个比较久没迭代的公司小程序，出现了只显示首页，其他页面都空白的情况。起初开发者工具中模拟器正常，真机上出现问题，后切换基础库后，模拟器上复现了问题。所以判断系基础库更新引起的兼容问题。 错误提示如下 错误1：启动首页后出现，但是首页正常显示，因为基本逻辑已经执行完 WAService.js:1 App: onLaunch have been invoked WAServic...
小程序报错：VM6275 WAService.js:2 SystemError (jsEnginScriptError) Component is not found in path “compone
brytlevson的博客
11-19 3588
问题 uni-app写的一套代码，app正常显示，小程序报错。 解决小程序报错：VM6275 WAService.js:2 SystemError (jsEnginScriptError) Component is not found in path “components/goods_list/goods_list” (using by “pages/goods/goods”) Error: Component is not found in path “components/goods_list/goo
记录一下【微信小程序skyline模式的一些坑】
qq_32657473的博客
05-29 5747
这些坑新来的注意下，基本页面布局问题不大了。总结我遇到的不能接受的地方。
微信小程序中@vant/weapp的组件van-calendar及van-picker显示异常问题
longlongValue
01-07 960
由于新的项目需求将来部署环境可能设计小程序及PC端，在技术选型的时候也增纠结过uniapp+uView2.0还是微信小程序原生+vant。当然了，从标题想必也看出来我选了什么了。本来以为会很顺利的将页面原型百分之九十九点九九九九…的还原出来，但是往往事非人愿，新建了小程序并集成了weapp vant以后，并非一帆风顺。
关于微信小程序新提供的渲染引擎Skyline的理解
qq_39213763的博客
01-04 5348
当小程序基于WebView环境下，WebView的DOM数创建、JS逻辑、CSS解析、Layout、paint(Composite)、样式计算都发生在同一线程上。小程序一直以来都是采用的AppService和 WebView的双线程模型，基于WebView和原生控件混合渲染的方式，小程序优化扩展了Web的基础能力，保证了再移动端上的良好性能和用户体验。为了进一步优化小程序性能，提供更为接近原生的用户体验，在WebView渲染之外新增了一个渲染引擎Skyline。
小程序jsEnginScriptError
Z_0926的博客
11-19 667
小程序jsEnginScriptErrorConverting circular structure to JSON;onAppRoute TypeError: Converting circular structure to JSON ## 错误解决办法：
微信小程序ts-scss版本引入vant和npm第三方注意事项
qq_57952018的博客
10-27 408
微信小程序ts版本使用npm和vant
react PC端项目构建TS，[email protected]+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于[email protected]端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
一个基于wepy+redux+eslint+sass的类Vue开发风格的商城微信小程序项目
06-19
具备完整功能的购物平台小程序，获取微信用户信息，可以进行正常的添加购物车，添加编辑收货地址，查询订单，支付，上传图片退货。 软件架构 使用类Vue开发风格框架wepy。 使用eslint进行代码规范。 使用wepy-redux...
详解如何在微信小程序中愉快地使用sass
10-18
主要介绍了详解如何在微信小程序中愉快地使用sass，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序——组件引用报错
我是我
10-26 1836
SystemError (jsEnginScriptError) Component is not found in path “component/common/Tfooter/Tfooter” (using by “pages/index/index”) Error: Component is not found in path “component/common/Tfooter/Tfooter” (using by “pages/index/index”) 开发时遇到这个问题，引用组件的时候报错这个
微信小程序 基础模板引入sass的两种方法
qq_45560350的博客
05-26 3016
【代码】微信小程序 基础模板引入sass的两种方法。
微信小程序开发者工具怎么使用Less、Sass
香梨炒虾米的博客
04-01 1523
微信小程序开发者工具怎么使用Less、Sass前言一、Sass使用第一步按需导入如何设置Sass应用Less使用 前言 在微信小程序开发者工具中编写wxss样式表是不是感觉很麻烦，不要困惑，有Less，Sass它们帮助你，使用过预处理器，谁都说好。 一、Sass使用 第一步 点击插件按钮，点击设置··· 你可以选择全部导入也可以按需导入， 小提示：全部导入的话，如果你电脑性能不是很好，你的VSCode插件很多的话，你的电脑有可能会卡死，等个几分钟就好了，或者十几分钟。 按需导入 点击从已解包的扩展文
微信小程序jsEnginScriptError错误
chaosunabc的博客
08-10 4064
最近因业务需求，需要对以前的微信小程序进行页面改版，在改版过程中，经常会有“莫名其妙”的错误出现，之所以说它“莫名其妙”，是因为许多代码已经正常运行一年多时间了，突然就报错了，举个例子： jsEnginScriptError Component is not found in path "pages/components/mult-image/mult-image" (using by "pages/content/list7/index");onAppRoute Error: Component is
TypeError: "x" is not a function
qq_44549134的博客
05-28 2453
错误类型 TypeError 哪里出错了? 问题出在你试图去调用一个像函数一样的值，但是该值实际上不是函数，有时候你的代码需要调用一些函数，但是那种值并不能当作函数来被调用。 也许函数名称上有错别字？ 也许你正在调用Object对象没有这个方法？ 例如，在JavaScript中单纯的对象(Object)没有map函数，但是JavaScript数组(Array)对象却有这个函数。 在比如，在Java...
基于微信小程序的校园二手闲置物品交易平台的设计与实现
最新发布
No_Name_Cao_Ni_Mei的博客
05-05 781
本文主要介绍了基于微信小程序的校园二手闲置物品交易平台的设计与实现。随着互联网和移动互联网的快速发展，校园二手交易市场愈加繁荣，校园二手闲置物品交易平台应运而生。通过使用微信小程序进行设计与实现，可以为广大大学生提供一个方便快捷的二手交易平台。该平台主要包括以下几个功能模块：用户注册登录模块、二手物品发布与搜索模块、交易过程管理模块和评价与反馈模块。用户通过注册登录模块可以创建自己的账号，并完善个人信息。在二手物品发布与搜索模块中，用户可以发布自己的闲置物品信息，并通过搜索功能寻找感兴趣的商品。
typeerror this.getOptions is not a function sass-loader
08-17
根据你提供的错误信息，这个错误可能与 `sass-loader` 相关。`sass-loader` 是一个用于处理 Sass/SCSS 文件的 webpack 加载器。在它的配置中，`this.getOptions` 是一个方法，用于获取加载器的选项。 如果你在使用 `sass-loader` 时遇到了这个错误，可能有以下几个原因： 1. 版本不匹配：确保你使用的 `sass-loader` 版本与其他相关依赖的版本兼容。有时候，不同版本之间的 API 可能会发生变化，导致某些方法或选项不可用。 2. 配置错误：检查你的 webpack 配置文件中关于 `sass-loader` 的配置是否正确。确保你没有意外地删除或修改了 `getOptions` 方法。 3. 其他加载器冲突：如果你同时使用了其他加载器（如 `css-loader`、`style-loader` 等），可能存在加载器之间的冲突。尝试排除冲突，或者调整加载器的顺序。 如果你能提供更多代码或者详细的错误信息，我可以更具体地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天外来鹿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值