vuex를 사용하여 종속성을 찾을 수 없습니다.

Question

저는 그가 vuex를 사용하는 온라인 자습서를 수행하고 있습니다. 내 package.json 종속성에서 볼 수있는 것처럼 vuex를 설치했습니다. 내 가게 폴더에서

{ 
    "name": "blabla", 
    "version": "1.0.0", 
    "description": "blablaa", 
    "author": "blabla", 
    "private": true, 
    "scripts": { 
    "dev": "node build/dev-server.js", 
    "start": "node build/dev-server.js", 
    "build": "node build/build.js", 
    "lint": "eslint --ext .js,.vue src" 
    }, 
    "dependencies": { 
    "vue": "^2.4.2", 
    "vue-router": "^2.7.0", 
    "vuetify": "^0.16.9", 
    "vuex": "^3.0.1" 
    }, 
    "devDependencies": { 
    "autoprefixer": "^7.1.2", 
    "babel-core": "^6.22.1", 
    "babel-eslint": "^7.1.1", 
    "babel-loader": "^7.1.2", 
    "babel-plugin-add-filehash": "^6.9.4", 
    "babel-plugin-transform-runtime": "^6.22.0", 
    "babel-preset-env": "^1.3.2", 
    "babel-preset-stage-2": "^6.22.0", 
    "babel-register": "^6.22.0", 
    "chalk": "^2.0.1", 
    "connect-history-api-fallback": "^1.3.0", 
    "copy-webpack-plugin": "^4.0.1", 
    "css-loader": "^0.28.0", 
    "cssnano": "^3.10.0", 
    "eslint": "^3.19.0", 
    "eslint-config-standard": "^6.2.1", 
    "eslint-friendly-formatter": "^3.0.0", 
    "eslint-loader": "^1.7.1", 
    "eslint-plugin-html": "^3.0.0", 
    "eslint-plugin-promise": "^3.4.0", 
    "eslint-plugin-standard": "^2.0.1", 
    "eventsource-polyfill": "^0.9.6", 
    "express": "^4.14.1", 
    "extract-text-webpack-plugin": "^2.0.0", 
    "file-loader": "^0.11.1", 
    "friendly-errors-webpack-plugin": "^1.1.3", 
    "html-webpack-plugin": "^2.28.0", 
    "http-proxy-middleware": "^0.17.3", 
    "opn": "^5.1.0", 
    "optimize-css-assets-webpack-plugin": "^2.0.0", 
    "ora": "^1.2.0", 
    "rimraf": "^2.6.0", 
    "sass-loader": "^6.0.6", 
    "semver": "^5.3.0", 
    "shelljs": "^0.7.6", 
    "stylus": "^0.54.5", 
    "stylus-loader": "^3.0.1", 
    "url-loader": "^0.5.8", 
    "vue-loader": "^13.5.0", 
    "vue-style-loader": "^3.0.1", 
    "vue-template-compiler": "^2.4.2", 
    "webpack": "^2.6.1", 
    "webpack-bundle-analyzer": "^2.2.1", 
    "webpack-dev-middleware": "^1.10.0", 
    "webpack-hot-middleware": "^2.18.0", 
    "webpack-merge": "^4.1.0" 
    }, 
    "engines": { 
    "node": ">= 4.0.0", 
    "npm": ">= 3.0.0" 
    }, 
    "browserslist": [ 
    "> 1%", 
    "last 2 versions", 
    "not ie <= 8" 
    ] 
} 

, 나는 내가이

처럼 수입하고 이러한 방식으로 SRC에서 내 main.js에서 다음

import Vue from 'vue' 
import Vuex from 'vuex' 
Vue.use(Vuex) 

export const store = new Vuex.store({ 
    //my code here 
}) 

내 vuex을 만드는 오전하는 index.js 파일이

This dependency was not found: 

* /.store/index.js in ./src/main.js 

To install it, you can run: npm install --save /.store/index.js 

: 나는 다음과 같은 오류를 얻고있다 그러나

import Vue from 'vue' 

import Vuetify from 'vuetify' 
import './stylus/main.styl' 

import App from './App' 
import router from './router' 
import { store } from '/.store/index.js' 

Vue.use(Vuetify) 

Vue.config.productionTip = false 

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

나는 왜 이것을 얻고 있는지 알지 못합니다. 이 오류의 원인은 무엇입니까? 나는 webdev에 익숙하지 않고 컴파일러를 사용하지 않으므로 여기서 어떻게 디버거를 사용할 수 있는지도 모른다. 오류 자체가 아니라면 누군가가 오류를 찾는 방법을 안내 할 수 있다면 감사하겠습니다.

Answer 1

나는 생각한다

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

가되어야한다

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