CODEWITHSUNDEEP
vue.jsvuex
Max
Max

Reputation: 55

export 'default' (imported as 'Vue') was not found in 'vue

I'm trying to get the url of the backend, but I get an error while importing and it's not clear how to fix it. warning in ./src/store/index.js

"export 'default' (imported as 'Vue') was not found in 'vue'

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
        backendUrl: "http://127.0.0.1:8000/api/v1"
    },
    mutations: {},
    actions: {},
    modules: {},
    getters: {
        getServerUrl: state => {
            return state.backendUrl
        }
    }
})

export default store

working version:

import { createStore } from "vuex";

const store = createStore({
    state: {
        backendUrl: "http://127.0.0.1:8000/api/v1"
    },
    mutations: {},
    actions: {},
    modules: {},
    getters: {
        getServerUrl: state => {
            return state.backendUrl
        }
    }
})

export default store

Upvotes: 0

Views: 1641

Answers (1)

Bill Dickson
Bill Dickson

Reputation: 66

If you are using the vue-cli, I have found that the solution is to modify vue.config.js to include the devServer property. See the Vue CLI documentation

  module.exports = {
  devServer: {
    disableHostCheck: true,
    proxy: {
      '/api-ezbook': {
        target: 'http://localhost:80',        
        ws: false
      }
    },
    public: 'http://localhost:8080'
  }
  //  use to deploy
  publicPath: '/'
  //  use to deploy to live server
  //  publicPath: '/location/on/server'
  //  in production:
  //  publicPath: '/'
}

Upvotes: 1

Related Questions