uni-app cli 编译微信小程序报错页面【pages/xxx/xxx]错误: 检查是否有js文件命名与组件重复

最新推荐文章于 2024-09-23 21:20:18 发布

原创最新推荐文章于 2024-09-23 21:20:18 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #微信小程序 #前端

在开发微信小程序时，由于创建了一个与组件vue文件同名的js文件，导致小程序在渲染过程中出现错误：TypeError: Cannot set property '_scopeId' of undefined。经过两个小时的排查，发现问题在于两个文件名的冲突。为避免类似问题，建议开发者在创建额外文件时，避免使用与微信小程序自动生成文件相同的名字。

在这里插入图片描述

页面【pages/product/detail/components/product-item-share/product-item-share]错误:
 TypeError: Cannot set property '_scopeId' of undefined

检查了两个小时，组件vue文件写的并无问题，问题出在我建立了一个新的js文件，名字与vue文件一致，导致微信小程序在渲染的时候他建立的js跟我建立的冲突了，总结原因，除了

组件 .vue文件以外，其他文件起名要避免与微信小程序生成后的源文件名字冲突

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Li_Ning21

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法

wbajsjhhhhh的博客

05-03

4709

正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法

uni-app多端发布流程：一键打包到各平台

热门推荐

小小白哈喽的博客

11-11

1万+

下面的操作，都是在cmd命令窗口中操作的，需要强调的是，必须在wxapxxxxker路径里才可以，简易方法是，直接在【wxapxxxer】文件夹的地址栏里输入cmd即可。上来先梭哈分析，毕竟预约嘛，那肯定需要分析包，当开始抓包的哪一个，心里默念了很多我 ** 你的大 **那该怎么办，单子接了，不能放弃。网上有很多教程，是用root过的手机提取小程序包，其实不用那么麻烦，直接用微信PC客户端就可以了。说明你找的小程序，是大神开发的，已经做了反编译的安全措施，所以解密失败，这也是我发这篇文章的目的。

uniapp 使用 vant-weapp 编译微信小程序报错

if.else.Z

12-24

4507

1、问题：uniapp 使用 vant-weapp运行在chrome中完全没问题，但是运行到小程序就编译报错，原因是因为不能用easycom方式引用组件，要用usingComponents的方式报错： Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instanc.

uni-app 开发字节小程序时报错page[pages/XXX/XXX] not found

Dark_programmer的博客

01-17

1万+

在使用uni-app开发抖音小程序时，遇到一个报错信息： page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task. 错误直译：找不到第[pages/XXX/XXX]页。可能是由于:1。忘记在应用程序中添加页面路由。json。2.在异步任务中调用Page() 然后根据错误信息去分别检查了pages.json与调用页面的地

uni-app的分包下小程序报错app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]

简单Cere

01-09

3301

app.json: ["tabBar"][1]["pagePath"]: "xxxx" need in ["pages"]

如何用uniapp开发微信小程序

2203_76123090的博客

06-14

1814

在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。因小程序有体积和资源加载限制，小程序平台提供了分包方式，优化小程序的下载和启动速度。则需要在 pages.json 中填写。

用uniapp开发微信小程序

wdx0211的博客

06-20

1728

一、为什么使用uni-app？1.微信定义的这套语法，wxml、wxs，以及wx:if等语法，私有化太强。2.uni-app支持跨端多平台编译，多端开发成本低。3.基于通用的前端技术栈，采用vue语法+微信小程序api，没有额外的学习成本。二、uni-app项目起步uni-app官方推荐的开发工具为HBuilderX，不过由于本人习惯使用vscode，因此介绍如何在vscode中使用uni-app。1.CLI工程全局安装 vue-cli 3.x（如已安装请跳过此步骤）

read_pages/pages/detail/index.json 文件内容错误] read_pages/pages/detail/index.json: ["usingComponents"]["f-i-l-e_-p-u-b-l-i-c_-h-o-s-t"]: "/config/index"，在 D:\project\read_uniappweb\dist\dev\mp-weixin/config/index 路径下未找到组件

04-03

</think>### 解决 `uni-app` 微信小程序组件路径引用错误 #### 问题分析错误提示`component not found`通常由以下原因导致： 1. **组件路径格式错误**：微信小程序要求组件路径为**绝对路径**（相对于项目根目录）...

uni-app快速入门

邓邓子的博客

09-23

1万+

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。DCloud 公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app，腾讯课堂官方为uni-app录制培训课程，开发者可以放心选择。uni-app 在手，做啥都不愁。即使不跨端，uni-app 也是

uni-app开发微信小程序的报错[渲染层错误]排查及解决

在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。

10-12

1万+

通常情况下，在小程序启动时，启动页面依赖的所有代码包（主包、分包、插件包、扩展库等）的所有 JS 代码会全部合并注入，包括其他未访问的页面以及未用到自定义组件，同时所有页面和自定义组件的 JS 代码会被立刻执行。在这个配置中，button 和 list 两个自定义组件是跨分包引用组件，其中 button 在渲染时会使用内置组件 view 作为替代，list 会使用当前分包内的自定义组件 simple-list 作为替代进行渲染；在这两个分包下载完成后，占位组件就会被替换为对应的跨分包组件。

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined

easttour的博客

03-06

2737

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined

【干货#010】解决 Page[pages/XXX/XXX] not found错误

晓程序干货店

11-15

1万+

缘起 小程序在模拟机和安卓真机下预览正常，在苹果机出现错误： Page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task. 截图如下：

uni-app 写支付宝小程序 监测页面不存在的方法

weixin_61380191的博客

12-01

1482

can not find page: pages/xxx 或者pages/xxx not found

uniapp vue 编译到小程序报错 Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/scr

m0_51467729的博客

07-06

1311

解决方法: 在vue.config.js中添加 transpileDependencies: [“uview-ui”],编译到小程序时, 出现如下报错, 原来是vue.config.js中没有对uview进行配置。

uniapp 开发微信小程序报 Error: module ‘xxxxxxxxxxx.js‘ is not defined, require args is ‘xxxx‘，编译的坑！

weixin_42229667的博客

07-11

4794

uniapp在编译的时候首次会忽略掉static中间文件，导致你static中的js文件不会被编译，那么引入路径还是vue的项目结构里的，所以会有找不到资源的问题。第三方包都被打包进vendor.js里面了，所有的包都是从这里面引入，如果没有编译成这个样子，引入路径就不对，那自然是找不到资源。那么如果你是static这个目录下的文件报这个错，那基本上就我接下来说的这个问题了！，这里保险起见也把less等非图片视频资源都移动到新的目录来，正常的被打包的js资源，应该长这个样子。，确保js资源被编译！

uniapp 微信小程序 分包打包流程出现的问题

Mummyly的博客

10-28

2256

uniapp 微信小程序分包打包流程出现的问题。

uni-app开发微信小程序时，调用data里的数据报错：Cannot set property ‘xxx‘ of undefined

只有一的博客

01-13

5641

uni-app开发微信小程序时，调用data里的数据报错：Cannot set property ‘xxx’ of undefined 记录一下解决方法：将this定义在外部：在created钩子函数里赋值之后使用_self代替this

微信小程序反编译

liulanyi1786的博客

05-22

1042

微信小程序反编译 【手机端存储位置】 /data/data/com.tencent.mm/MicroMsg/…/appbrand/pkg/ 【反编译】 python unwxapkg.py 2.wxapkg C:\Users\hasee\Downloads\wechat-app-unpack-master\wechat-app-unpack-master 【npm】 E:\聊天数据备份\download\wxappUnpacker-master-master\wxappUnpacker-master-mas

uni-app cli 编译微信小程序报错 页面【pages/xxx/xxx]错误: 检查是否有js文件命名与组件重复

uni-app cli 编译微信小程序报错页面【pages/xxx/xxx]错误: 检查是否有js文件命名与组件重复