uni-app vue3项目导入图鸟vue3或view-plus UI组件无法在内部浏览器查看

uni-app vue3项目导入图鸟vue3或view-plus UI组件无法在内部浏览器查看

操作步骤：

https://ext.dcloud.net.cn/plugin?id=13530
无法跑这个的示例项目

预期结果：

内部浏览器正常显示

实际结果：

SyntaxError: Unexpected token =
vue.runtime.esm.js? [sm]:1480

bug描述：

vue3项目导入图鸟vue3或view-plus UI组件无法在内部浏览器查看，报
SyntaxError: Unexpected token =
vue.runtime.esm.js? [sm]:1480
在外部浏览器可以查看，但有跨域的问题


更多关于uni-app vue3项目导入图鸟vue3或view-plus UI组件无法在内部浏览器查看的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

你好 我本地运行后 内部浏览器可以正常显示

更多关于uni-app vue3项目导入图鸟vue3或view-plus UI组件无法在内部浏览器查看的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你好，我也在windows上复现了，可以运行，但 macos 版本的会报这个错误，我暂时申请不了换电脑啊，mac 26.1版本，hbuilder 4.85

使用 HBuilderXalpha，运行你提到的项目，在 26.0 上是正常的，未能复现你的问题。你可以重新试一下 HBuilderX 最新版本 alpha

这个问题通常是由于uni-app内置浏览器（基于老版本Chromium）对ES6+语法支持不完整导致的。Unexpected token =错误常见于箭头函数、默认参数等ES6语法在低版本JS引擎中不被识别。

解决方案：

  1. 配置transpiler（推荐） 在vue.config.js或vite.config.js中配置需要转译的依赖：

    // vue.config.js (Webpack)
transpileDependencies: ['tnvue3', 'view-plus']

// vite.config.js (Vite)
build: {
  target: 'es2015'
}

  2. 检查uni-app编译器版本 确保HBuilderX为最新版本（3.8+），并在manifest.json中设置：

    "vueVersion": "3",
"compilerVersion": 3
回到顶部