uni-app icon indicating copy to clipboard operation
uni-app copied to clipboard

vue3 + ts 使用pinia时 ts报错

Open Mi-liu opened this issue 1 year ago • 3 comments

问题描述 HBX创建的项目 使用piniats报错

复现步骤 [复现问题的步骤]

  1. HBX创建uniapp项目(3.8.12)
  2. 根据https://uniapp.dcloud.net.cn/tutorial/vue3-pinia.html注入pinia
  3. ts提示错误,出现红线

import App from './App' import * as Pinia from 'pinia';

import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp(App) app.use(Pinia.createPinia()); return { app, Pinia } }

预期结果 无任何问题

实际结果 ts提示错误

QQ截图20230817231051

系统信息:

  • 发行平台: 无
  • 操作系统 无
  • HBuilderX版本 3.8.12

补充信息 [可选] [根据你的分析,出现这个问题的原因可能在哪里?]

Mi-liu avatar Aug 17 '23 15:08 Mi-liu

+1

recallwei avatar Sep 04 '23 04:09 recallwei

import { createSSRApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

export function createApp() {
  const app = createSSRApp(App)
  app.use(createPinia())
  return {
    app
  }
}

GrapevineLin avatar Sep 18 '23 12:09 GrapevineLin

import type { Pinia } from 'pinia'
import type { Plugin } from 'vue'

const pinia = createPinia()

//main.ts 
//createApp(){
// 断言以消除类型警告(去除断言即可复现)
app.use(<Pinia & Plugin>pinia)

HBuilderX4.01-α内置pinia仍然有此爆红

Alicia0818 avatar Feb 19 '24 08:02 Alicia0818

4.02.2024030621-alpha已修复,相关issue

Alicia0818 avatar Mar 07 '24 02:03 Alicia0818