vue 在js 文件中使用store_vue+typescript项目 在js单文件中引入store失败?

1、在项目中定义了一个对axiox进行配置的文件,其中需要引入vuex,在response的status状态不等于200的时候改变store中的值。但是一直引入store文件时,打印出来一直是undefined。mian.ts文件中也引入了store,确是可以打印出来东西的。

2、截图

文件目录

打印结果

import axios from 'axios'

import { Message } from 'element-ui'

import { getToken, setCookie, getCookie } from '@/utils/auth'

import store from '@/store/index'

console.log('store', store)

4、index.ts文件

import Vue from 'vue'

import Vuex, { StoreOptions } from 'vuex'

import { RootState } from './modules/types'

import { app } from './modules/app'

import { user } from './modules/user'

import { permission } from './modules/permission'

Vue.use(Vuex)

const store: StoreOptions = {

state: {

version: '1.0.0'

},

modules: {

app,

user,

permission

}

}

export default new Vuex.Store(store)

5、入口文件mian.ts

import Vue from 'vue'

import App from './App.vue'

import router from './router/index'

import store from './store/index'

import './plugins/element'

import components from './components/IcarePhone'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import '@/styles/index.scss' // global css

import './icons/index' // icon

import './permission' // permission control

import './utils/base'

// 手动引入 ECharts 各模块来减小打包体积

import 'echarts/lib/chart/bar'

import 'echarts/lib/component/tooltip'

console.log('store', store)

// 全局引入自定义组件

Vue.use(components)

Vue.config.productionTip = false

new Vue({

router,

store,

render: (h) => h(App)

}).$mount('#app')


版权声明:本文为weixin_39971172原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。