Javascript 导入在Vue之前使用VueResource的数据提供程序时出错。使用（VueResource）

我试图在Vuejs 2应用程序的引导文件中导入存储，在存储中，我使用的是使用VueResource的数据提供程序。。。 为此，在实际调用

Vue.use（VueResource）

我的代码如下：

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import Vuex from 'vuex'
import store from './store/index'

Vue.use(Vuex)
Vue.use(VueResource)
Vue.use(VueRouter)

//let store = require('./store/index');


const router = new VueRouter({
  mode: 'history',
  routes: [{
    'name': 'home',
    path: '/',
    component: require('./components/Home.vue')
  }, {
    'name': 'profile',
    path: '/profile',
    component: require('./components/Profile.vue')
  }, {
    'name': 'login',
    path: '/login',
    component: require('./components/Login.vue')
  }, {
    'name': 'new',
    path: '/new',
    component: require('./components/New.vue')
  }, {
    'name': 'signup',
    path: '/signup',
    component: require('./components/Signup.vue')
  }, {
    'name': 'logout',
    path: '/logout'
  }, {
    'name': 'article',
    path: '/article/:id',
    component: require('./components/Article.vue')
  }]
})

router.beforeEach((to, from, next) => {
  console.log(to, from)
  if (!localStorage.getItem('user') && (to.name === 'profile' || to.name === 'home' || to.name === 'article' || to.name === 'new')) {
    console.log('login first!')
    next('/login')
  } else if (to.name === 'logout') {
    console.log('logout')
    store.dispatch('updateProfile', null)
    localStorage.removeItem('user')
    next('/login')
  } else {
    next()
  }
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  render: h => h(require('./App'))
})

从“Vue”导入Vue
从“vue路由器”导入VueRouter
从“vue资源”导入VueResource
从“Vuex”导入Vuex
从“./store/index”导入存储
Vue.use（Vuex）
Vue.use（VueResource）
Vue.use（VueRouter）
//let store=require（“./store/index”）；
常量路由器=新的VueRouter({
模式：“历史”，
路线：[{
'姓名'：'家'，
路径：“/”，
组件：需要（“./components/Home.vue”）
}, {
“名称”：“配置文件”，
路径：'/profile'，
组件：需要（“./components/Profile.vue”）
}, {
'name'：'login'，
路径：'/login'，
组件：需要（“./components/Login.vue”）
}, {
'name'：'new'，
路径：'/new'，
组件：需要（“./components/New.vue”）
}, {
'姓名'：'注册'，
路径：'/signup'，
组件：需要（“./components/Signup.vue”）
}, {
'name'：'logout'，
路径：'/logout'
}, {
“名称”：“文章”，
路径：'/article/：id'，
组件：require（“./components/Article.vue”）
}]
})
路由器.beforeach（（到、从、下一个）=>{
console.log（到，从）
如果（！localStorage.getItem（'user'）&&（to.name=='profile'| | to.name=='home'| | | to.name=='article'| | to.name=='new'））{
console.log（'login first！'）
下一步（“/login”）
}否则如果（to.name===“注销”）{
console.log（'logout'）
dispatch（'updateProfile'，null）
localStorage.removeItem（'用户'）
下一步（“/login”）
}否则{
下一个（）
}
})
/*eslint禁用无新*/
新Vue({
el:“#应用程序”，
路由器，
模板：“”，
呈现：h=>h（需要（'./App'））
})

您得到的错误是什么错误错误？未捕获类型错误：_vue2.default.resource不是函数我遇到了相同的问题。导入资源会导致资源在Vue之前加载。可以评估使用（VueResource）。因此，资源键不是函数。@jbodily尝试替换例如：

import App from./App.vue“new vue（{el:'#App'，render:h=>h（App）}）

To:

new Vue（{el:'#app'，render:h=>h（require（'./app'））}）

就像只有在呈现app@JemliFathi-有个好主意！谢谢您得到的错误是什么错误错误？未捕获类型错误：_vue2.default.resource不是一个函数我遇到了相同的问题。导入资源会导致资源在Vue之前加载。可以评估使用（VueResource）。因此，资源键不是函数。@jbodily尝试替换例如：

import App from./App.vue“new vue（{el:'#App'，render:h=>h（App）}）

To:

new Vue（{el:'#app'，render:h=>h（require（'./app'））}）

就像只有在呈现app@JemliFathi-有个好主意！谢谢