uni-app将vue改为nvue后报错

uni-app将vue改为nvue后报错

开发环境 版本号 项目创建方式
Windows 19045.6216 HBuilderX

产品分类：
uniapp/App

手机系统：
Android

手机系统版本号：
Android 15

手机厂商：
小米

手机机型：
小米14

页面类型：
nvue

vue版本：
vue3

打包方式：
云端

示例代码：

11:30:23.187 [plugin:uni:app-nvue-esbuild] Build failed with 1 error:
11:30:23.187 <stdin>:1:7: ERROR: No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"
11:30:27.952 X [ERROR] No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"
11:30:27.953     <stdin>:1:7:
11:30:27.953       1 │ import App from './pages/camera/camera.js'
11:30:27.953         ╵        ~~~
11:30:28.016 [plugin:uni:app-nvue-esbuild] Build failed with 1 error:
11:30:28.017 <stdin>:1:7: ERROR: No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"

操作步骤：

vue改为nvue

预期结果：

正常运行

实际结果：

11:30:23.187 [plugin:uni:app-nvue-esbuild] Build failed with 1 error:
11:30:23.187 <stdin>:1:7: ERROR: No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"
11:30:27.952 X [ERROR] No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"
11:30:27.953     <stdin>:1:7:
11:30:27.953       1 │ import App from './pages/camera/camera.js'
11:30:27.953         ╵        ~~~
11:30:28.016 [plugin:uni:app-nvue-esbuild] Build failed with 1 error:
11:30:28.017 <stdin>:1:7: ERROR: No matching export in "dist/dev/.nvue/pages/camera/camera.js" for import "default"

bug描述：

将vue改为nvue后报这个错，不明白为什么

更多关于uni-app将vue改为nvue后报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

需要给出修改了后缀的页面示例代码。

更多关于uni-app将vue改为nvue后报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个错误是因为nvue页面在Vue3下的导出方式与普通Vue页面不同。在uni-app的Vue3环境中，nvue页面需要使用definePageConfig而不是默认导出。

在你的camera.nvue页面中，应该这样定义：

// camera.nvue
import { definePageConfig } from 'uni-app'

export default definePageConfig({
  // 页面配置
  navigationBarTitleText: '相机页面'
  // 其他配置...
})

而不是使用传统的默认导出方式：

// 错误的写法
export default {
  // 页面配置
}
回到顶部