BUG:"usingComponents"]["u-button"] 未找到(XXX)

502 阅读1分钟

一、前言

  • 记录一下我的bug:那天同事改了代码,他要求我们重新安装node_modules,然后我就重新pnpm i的一下,运行到小程序就报错了[ pages/login/index.json 文件内容错误] pages/login/index.json: ["usingComponents"]["u-button"] 未找到(env: Windows,mp,1.06.2306020; lib: 3.2.5)

    8220d2153720012b73b2ca12021bad5.png

二、解决bug

  • 百度了一下,网上说是相对路径问题,我找到对应的页面,然后看了一下引入的文件,发现路径好像也没啥问题呀,于是我删除了node_modules,重新pnpm i,但还是一样的问题

  • 问了一下同事,发现他们能正常运行,我就很纳闷了

    1. 删除node_modules
    2. 删除了dist
    3. 安装依赖:pnpm i
    4. npm run dev:mp-winxin
    • 还是报错一样的错误😣😭😭
  • 继续百度:网上说:“可能微信开发者工具引起的错误”,然后我更新了微信开发者工具,又重新安装了以来 0e6db6ffea06bf449d72505ff710e50.png

  • 这次报了新的错误:[ pages/login/index.json 文件内容错误] pages/login/index.json: ["usingComponents"]["u-button"]: "/node-modules/uview-ui/components/u-button/u-button",在 D:\workspace\chelvc\item\chelvc-custom\dist\dev\mp-weixin/node-modules/uview-ui/components/u-button/u-button 路径下未找到组件(env: Windows,mp,1.06.2401020; lib: 3.2.5)

    c47864d905c2291c41d35b131f69320.png
  • 看到这个报错,猛然意识到一个问题,pnpm安装会出现依赖安装不全的问题,我有次打包上线老是出现bug,通过多次测试,发现npm run build就没有出现这个问,我猜想可能是pnpm安装会出现依赖安装不全,我朋友和我说过pnpm的原理,我想可能是这个问题

    1. 删除node_modules
    2. 安装依赖:npm i
    3. npm run dev:mp-winxin b91ea4f7db099bb2ded742f8523ae86.png