Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error when opening nuxt3 web link in China's QQ application #24229

Open
leggod opened this issue Nov 10, 2023 · 25 comments
Open

Error when opening nuxt3 web link in China's QQ application #24229

leggod opened this issue Nov 10, 2023 · 25 comments

Comments

@leggod
Copy link

leggod commented Nov 10, 2023

Environment

  • Operating System: Darwin
  • Node Version: v20.9.0
  • Nuxt Version: 3.8.1
  • CLI Version: 3.9.1
  • Nitro Version: 2.7.2
  • Package Manager: pnpm@8.10.0
  • Builder: -
  • User Config: alias, app, spaLoadingTemplate, runtimeConfig, plugins, modules, vant, css, postcss, nitro, vite, vue, telemetry, sourcemap
  • Runtime Modules: @vant/nuxt@1.0.3, @pinia-plugin-persistedstate/nuxt@1.2.0, @pinia/nuxt@0.5.1
  • Build Modules: -

Reproduction

The link I used is https://m.xchuxing.com

Describe the bug

At present, it is only found that an error will be reported when nuxt3 is opened in QQ's webview. The error message is as shown in the figure.The link I used is https://m.xchuxing.com
IMG_0277
Then I located ju.matchAll by controlling the search and found the source code in the map file.
image
I didn't use pages. I deleted it, created a view, and customized the route through app-router.options.ts. I wonder if it has something to do with this operation, but it works in other browsers, only QQ. The webview will report an error, how to solve it?

Additional context

No response

Logs

No response

@leggod
Copy link
Author

leggod commented Nov 10, 2023

https:stackblitz.com/edit/github-wmfvbw I simplified the code a bit and opened it in QQ on iOS, but still got an error.
976EC54D-2413-4F7C-93E6-52F85F8E7F8F

@leggod
Copy link
Author

leggod commented Nov 10, 2023

Just drop it to 3.7.4, I'm fine with it.
image

@leggod
Copy link
Author

leggod commented Nov 10, 2023

If you can download QQ Browser from iOS app store and visit nuxt.com, you will be surprised
DEDF81C3-1711-4223-9A6B-7494825D2A86

@Okamidev
Copy link

Okamidev commented Nov 13, 2023

I also get this error on Chrome or Firefox since Nuxt 3.8.1. I figured out it happens when I include some company component library in nuxt config with:

script: [
    { src: 'path/to-js-lib.js', type: 'module' },
],

I had to go back to version 3.7.4 😞

@lxy32167
Copy link

lxy32167 commented Dec 4, 2023

same error in QQ with 3.8.1

@Jame6292
Copy link

Jame6292 commented Dec 5, 2023

I also got this error in QQ context browser( open url in qq, Alipay context(scan url qrcode)

package.json

"devDependencies": {
    "@nuxt/devtools": "latest",
    "nuxt": "^3.8.2",
    "sass": "^1.69.5"
}

@OrangeOran
Copy link

same error in QQ and QQ browser with ios

@Binaryify
Copy link

#24625
use v3.7.* can fix this

@DooperJ
Copy link

DooperJ commented Dec 29, 2023

Turning off experimental.appManifest solved the issue. nuxt.config.ts

@lixiao258
Copy link

Turning off experimental.appManifest solved the issue. nuxt.config.ts

After configuring in this way, clicking on the jump button will result in a blank page that must be refreshed to display data. Is there a similar feature?

@chenhan19
Copy link

3.7.4 QQ browser routing failure in mobile iOS system

@fenyuluoshang
Copy link

I have same bug in QQ browser with iOS system

And I found it may a bug form https://github.com/unjs/radix3

@1477696126
Copy link

1477696126 commented Jan 15, 2024

自从3.8版本以来 ,IOS系统的 QQ UC 搜狗 浏览器都有这个问题

@594900298
Copy link

ios DingTalk mini program webview also encountered issues

@zhangjunjie6b
Copy link

So has this problem been resolved? I've been waiting for the new version

@zhanyuzhang
Copy link

zhanyuzhang commented Apr 1, 2024

Maybe it's a bug of ofetch. unjs/ofetch#294

It works for me adding following code in package.json.(I use pnpm)

"pnpm": {
  "overrides": {
    "ofetch": "1.2.1"
  }
}

@markthree
Copy link

If someone doesn't have high stability requirements, they can use this module → markthree/nuxt-fix-ofetch

@594900298
Copy link

594900298 commented Apr 14, 2024

So has this problem been resolved? I've been waiting for the new version

There's no way, using the version above can solve it @zhangjunjie6b

@lizy0329-biubiubiu
Copy link

nuxt-fix-ofetch: 0.0.14
500 error
null is not an object (evaluating 'instance.__vrv_devtools=info')

@lizy0329-biubiubiu
Copy link

lizy0329-biubiubiu commented Apr 18, 2024

export default defineNuxtConfig({
    devtools: {enabled: false},
    experimental: {
        appManifest: false
    },
}

then

rimraf -rf node_modules && pnpm i

is work for me.

useFetch can not catch any data in QQ webview, please use markthree/nuxt-fix-ofetch

@BluesYoung-web
Copy link

same error in Alipay with 3.11.2

@markthree
Copy link

nuxt-fix-ofetch: 0.0.14 500 error null is not an object (evaluating 'instance.__vrv_devtools=info')

Hi, if nuxt-fix-ofetch has any bugs, please go to nuxt-fix-ofetch/issues and raise issues and bring a minimal replica repository, I'll be happy to take a look!

@zhangjunjie6b
Copy link

So has this problem been resolved? I've been waiting for the new version

There's no way, using the version above can solve it @zhangjunjie6b

 "resolutions": {
    "ofetch": "npm:ofetch@1.2.1"
  },
  "overrides": {
    "ofetch": "npm:ofetch@1.2.1"
  }

Yes, this is how I temporarily resolved it

@cazs-lyh
Copy link

c069dd20-19cd-4f7a-b2cb-2deabf485239
i had same error with QQ&Alipay,
thought maybe this error because of router
who can solve it ,someone save me pls, thankGod

@cazs-lyh
Copy link

c069dd20-19cd-4f7a-b2cb-2deabf485239 i had same error with QQ&Alipay, thought maybe this error because of router who can solve it ,someone save me pls, thankGod

i try to drop it to 3.7.4,it didnt work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests