引入pinia报错在uni-app

引入pinia报错在uni-app

信息类别 详细信息
产品分类 uniapp/H5
PC开发环境 Windows
操作系统版本 版本 Windows 11 家庭中文版 版本号 24H2 安装日期 ‎2024/‎12/‎4 操作系统版本 26100.4061 体验 Windows 功能体验包 1000.26100.84.0
浏览器平台 Chrome
浏览器版本 版本 133.0.6905.0（正式版本） （64 位）
项目创建方式 CLI
CLI版本号 npx degit dcloudio/uni-preset-vue#vite my-vue3-project

示例代码：

import App from './App'
import { createSSRApp } from 'vue';
import * as Pinia from 'pinia';

export function createApp() {
const app = createSSRApp(App);
// app.use(Pinia.createPinia());
return {
app,
// Pinia, // 此处必须将 Pinia 返回
};
}

操作步骤：

  1. 使用npx degit dcloudio/uni-preset-vue#vite my-vue3-project生成了项目
  2. 然后将main.js改成官网文档那样

预期结果：

正常运行

实际结果：

111

bug描述：

  1. 使用npx degit dcloudio/uni-preset-vue#vite my-vue3-project生成了项目，能正常运行，但是只要照着官网api的pinia引入就直接报错
import App from './App'  
import { createSSRApp } from 'vue';  
import * as Pinia from 'pinia';  

export function createApp() {
const app = createSSRApp(App);
app.use(Pinia.createPinia());
return {
app,
Pinia, // 此处必须将 Pinia 返回
};
}

其余任何东西都没有改过，只要引入了这个就报错了，我之前还用得好好的，突然就不行了 Image


更多关于引入pinia报错在uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

你的pinia是什么版本的

更多关于引入pinia报错在uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


就是装了个包就报错了。我已经解决了，得重新自己装一个pinia，前两天不知道美妆为啥也可以

回复 4***@qq.com: 把pinia版本前面那个 ^ 箭头删掉，重新install项目 会升级pinia版本

在uni-app中引入Pinia报错通常是由于配置或版本问题导致的。根据你提供的信息，以下是解决方案：

  1. 确保pinia版本正确：
npm install pinia@latest
  1. 修改main.js配置：
import App from './App'
import { createSSRApp } from 'vue'
import { createPinia } from 'pinia'

export function createApp() {
  const app = createSSRApp(App)
  const pinia = createPinia()
  app.use(pinia)
  
  return {
    app,
    pinia
  }
}
  1. 检查vite.config.js中是否配置了vue插件：
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue(), uni()]
})
  1. 如果问题仍然存在，尝试删除node_modules和package-lock.json后重新安装依赖：
rm -rf node_modules package-lock.json
npm install
回到顶部