uni-app vue3版本引入原生小程序会报错

uni-app vue3版本引入原生小程序会报错 产品分类： uniapp/小程序/微信

项目 内容
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 3.0.0-alpha-3030920220121001
第三方开发者工具版本号 3.0.0-alpha-3030920220121001
基础库版本号 3.0.0-alpha-3030920220121001
项目创建方式 CLI
CLI版本号 3.0.0-alpha-3030920220121001

操作步骤

import towxml from '../static/towxml/towxml'

预期结果

引入组件成功

实际结果

引入失败内容为undefined

bug描述

在项目中引入原生小程序组件会报错

报错内容：

'default' is not exported by src/app/xxx/static/towxml/towxml.js

引入的小程序组件内容：

Component({  
  options: {  
    styleIsolation: 'shared'  
  },  
  properties: {  
    nodes: {  
      type: Object,  
      value: {}  
    }  
  },  
  data: {  
    someData: {}  
  }  
})

更多关于uni-app vue3版本引入原生小程序会报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

组件在pages.json里定义了吗？

更多关于uni-app vue3版本引入原生小程序会报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


看文档，如何使用原生小程序组件：https://uniapp.dcloud.net.cn/frame?id=小程序自定义组件支持

在uni-app vue3版本中，引入原生小程序组件时直接使用import会触发ES模块解析，而原生小程序组件文件（如towxml.js）通常使用微信小程序规范的Component()构造器，并未使用export default导出。因此编译时抛出的错误'default' is not exported表明该文件没有ES模块的默认导出。

正确做法是：不需要通过import导入原生组件的JS文件，而应在pages.json中配置usingComponents来引用组件。例如：

{
  "usingComponents": {
    "towxml": "/static/towxml/towxml"
  }
}
回到顶部