uni-app CLI 运行APP首屏是 nvue时，引入 pinia插件时报错

uni-app CLI 运行APP首屏是 nvue时，引入 pinia插件时报错

产品分类：uniapp/App

PC开发环境操作系统：Mac

手机系统：Android

手机系统版本号：Android 12

手机厂商：华为

手机机型：urovo

页面类型：nvue

vue版本：vue3

打包方式：云端

CLI版本号：3.0.0-alpha-4080720251125001

示例代码：

// # index.nvue 
<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="title">{{title}}</text>  
        </view>  
        <view class="box">  
            <input v-model="username" class="box-input" type="text" placeholder="账号">  
        </view>  
        <view class="box">  
            <input v-model="password" class="box-input" type="text" placeholder="密码">  
        </view>  
        <text class="login-btn" @click="login">登录</text>  
    </view>  
</template>  

<script lang="ts" setup>  
import { ref, computed } from 'vue'  
import { onLoad } from "@dcloudio/uni-app";  

import type { User } from '@/types/index';  

import { useAuthStore } from '@/store/auth';  

const authStore = useAuthStore();  

const title = ref('Hello');  
const username = ref(''); // 登录账号  
const password = ref('');  // 登录密码  

onLoad(() => {  
    let loginInfo = authStore.userInfo as User;  
    if (loginInfo?.account && loginInfo?.pwd) {  
        username.value = loginInfo.account;  
        password.value = loginInfo.pwd;  
    }  

    let hasLogin = !!uni.getStorageSync('hasLogin');  
    uni.removeStorageSync('hasLogin');  
    // #ifdef H5  
    hasLogin = true;  
    // #endif  

})  

// 登录  
const login = () => {  
    authStore.login(username.value, password.value)  
}  

</script>  

<style scoped>  
.content {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    justify-content: center;  
}  

.logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin: 200rpx 0 20rpx;  
}  

.text-area {  
    line-height: 40rpx;  
    text-align: center;  
    justify-content: center;  
    padding: 4rpx 40rpx 20rpx;  
    margin-bottom: 20rpx;  
}  

.title {  
    font-size: 36rpx;  
    color: #8f8f94;  
}  

.box {  
    background: #f1f2f3;  
    margin: 12rpx;  
    width: 450rpx;  
}  

.box-input {  
    flex: 1;  
    padding: 12rpx 18rpx;  
    border-radius: 8rpx;  
    height: 76rpx;  
    font-size: 32rpx;  
}  
</style>

// # auth.ts
import { defineStore } from 'pinia';  
import type { User } from '../types';  

interface AuthState {  
  token: string | null;  
  userInfo: User | null;  
  isLoading: boolean;  
}  

// 登录状态管理  
export const useAuthStore = defineStore('auth', {  
  state: (): AuthState => {  
    const token = uni.getStorageSync('token');  

    const userInfo = token ? uni.getStorageSync('userinfo') : {} as User;  

    return {  
      token,  
      userInfo,  
      isLoading: false  
    };  
  },  

  actions: {  
    async login(account: string, password: string) {  
      this.isLoading = true;  

      try {  
        const res = { token: '123456', user: {} as User  }  

        this.token = data.data.token;  
        this.userInfo = data.data.user;  

        uni.reLaunch({ url: '/pages/home/home' })  
      } catch (error) {  
        console.error(`登录失败：${error}`);  
        uni.showToast({  
          icon: 'none',  
          title: '登录失败'  
        })  
      } finally {  
        this.isLoading = false;  
      }  
    }  
  }  
});

操作步骤：

定义一个首屏index.nvue 引入 pinia注入模块 auth.ts ,调用即可

预期结果：

能够正常的使用

实际结果：

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack -> Uncaught TypeError: (0 , import_pinia.defineStore) is not a function at (pages/index/index.js.nvue:849:51) at (pages/index/index.js.nvue:1329:3)

bug描述：

CLI 运行APP首屏是 nvue时，引入 pinia插件模块时报错