Estoy tratando de usar la tienda vuex, así que creé el archivo store.js que contiene este código
import { createApp } from 'vue' import Vuex from "vuex" const app = createApp; app.use(Vuex) const store = new Vuex.Store({ }); export default store;Y esto es main.js
import 'bootstrap/dist/css/bootstrap.css' import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store/store' const app = createApp(App); app.use(router) app.use(store) app.mount('#app')aquí está el paquete.json no sé por qué vuex no aparece incluso si lo instalé
{ "name": "PhoSettings", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "axios": "^0.20.0-0", "bootstrap": "^4.5.3", "core-js": "^3.7.0", "vue": "^3.0.2", "vue-loader-v16": "npm:vue-loader@^16.0.0-alpha.3", "vue-router": "^4.0.0-rc.5" }, "devDependencies": { "@vue/cli-plugin-babel": "^4.5.9", "@vue/cli-plugin-eslint": "^4.5.9", "@vue/cli-service": "^4.5.9", "@vue/compiler-sfc": "^3.0.2", "babel-eslint": "^10.1.0", "eslint": "^6.8.0", "eslint-plugin-vue": "^7.1.0" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }y luego tuve el siguiente error: TypeError no detectado: app.use no es una función
Como está utilizando vue 3, debe instalar vuex v4 con el siguiente comando:
npm install vuex@next --saveentonces úsalo como:
import { createStore } from 'vuex' // Create a new store instance. const store = createStore({ }) export default store main.js :
import 'bootstrap/dist/css/bootstrap.css' import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store/store' const app = createApp(App); app.use(router) app.use(store) app.mount('#app')