在使用store.js并将store导入到我的main.js文件中时,为什么在Vuex中仍不断收到此错误(找不到模块:错误:无法解决...)?

时间:2019-05-08 23:32:00

标签: vue.js vuex

我第一次使用Vuex并使用store.js。在我的main.js文件中,我正在使用

import { store } from './store/store'

new Vue({
  el: '#app',
  store,
  render: h => h(App)
})

,每次运行此命令时,都会不断出现此错误。

ERROR in ./src/store/store.js
Module not found: Error: Can't resolve '.vue' in '/Users/briansantos/code/Vuex/src/store'
 @ ./src/store/store.js 1:0-23
 @ ./src/main.js
 @ multi main

ERROR in ./src/store/store.js
Module not found: Error: Can't resolve '.vuex' in '/Users/briansantos/code/Vuex/src/store'
 @ ./src/store/store.js 2:0-25
 @ ./src/main.js
 @ multi main

我曾尝试搜寻互联网,并发现一些人说这是一个依赖性问题,并且我检查了更新,但没有运气找到答案。以下是我的store文件夹中的store.js文件。

import Vue from '.vue';
import Vuex from '.vuex';

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        counter: 0
    }
})

如果有人可以帮助我了解正在发生的事情以及如何纠正此问题。这是您要做的所有仓库就是克隆和npm安装。

https://github.com/brianmsantos/Vuex

1 个答案:

答案 0 :(得分:0)

您的问题在于Vue软件包的导入。您必须从它们中删除点前缀,如下所示:

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

这些软件包来自node_modules,因此不需要以.为前缀