tj

RuoYi-App/main.js

@@ -1,26 +1,28 @@
 import Vue from 'vue'
 import App from './App'
-import store from './store' // store
-import plugins from './plugins' // plugins
-import './permission' // permission
+import store from './store'
+import plugins from './plugins'
+import './permission'
 import { getDicts } from "@/api/system/dict/data"
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
 
-const app = createApp(App)
+// 添加 Composition API 支持
+import VueCompositionAPI from '@vue/composition-api'
+Vue.use(VueCompositionAPI)
+
+// 仅适用于 Vue 2 的 Pinia 初始化
+import { createPinia, PiniaVuePlugin } from 'pinia'
+Vue.use(PiniaVuePlugin)
 const pinia = createPinia()
-app.use(pinia)
-app.mount('#app')
-Vue.use(plugins)
+
+const app = new Vue({
+  ...App,
+  store,
+  pinia, // 注入 pinia 实例
+  render: h => h(App)
+})
 
 Vue.config.productionTip = false
 Vue.prototype.$store = store
 Vue.prototype.getDicts = getDicts
 
-App.mpType = 'app'
-
-// const app = new Vue({
-//   ...App
-// })
-
-app.$mount()
+app.$mount('#app')

RuoYi-App/package.json

@@ -1,5 +1,10 @@
 {
   "dependencies": {
-    "pinia": "^2.1.7"
+    "@vue/composition-api": "^1.7.2",
+    "pinia": "^2.3.1",
+    "vue": "^2.6.14",
+    "vue-demi": "^0.14.10",
+    "vue-router": "^3.5.4",
+    "vuex": "^3.6.2"
   }
 }

RuoYi-App/shim.d.ts

@@ -0,0 +1,7 @@
+// src/shim.d.ts
+declare module 'pinia' {
+  export interface PiniaCustomProperties {
+    $router: import('vue-router').default;
+    $route: import('vue-router').Route;
+  }
+}

RuoYi-App/vue.config.js

@@ -0,0 +1,17 @@
+// vue.config.js
+const path = require('path');
+
+module.exports = {
+  transpileDependencies: [
+    '@vue/composition-api',
+    'pinia'
+  ],
+  configureWebpack: {
+    resolve: {
+      alias: {
+        // 删除这行 ↓
+        // 'vue-demi': path.resolve(__dirname, 'src') 
+      }
+    }
+  }
+}