前提・実現したいこと
vuex4を使える状態にしたい。
発生している問題・エラーメッセージ
Failed to compile. ./node_modules/vuex/dist/vuex.esm.js Module build failed: Error: ENOENT: no such file or directory, open '/Users/Documents/git/vue-questionnaire/node_modules/vuex/dist/vuex.esm.js'
vuex.esm.js:1 Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Documents/git/vue-questionnaire/node_modules/vuex/dist/vuex.esm.js' at eval (vuex.esm.js:1) at Object../node_modules/vuex/dist/vuex.esm.js (chunk-vendors.js:1352) at __webpack_require__ (app.js:849) at fn (app.js:151) at eval (store.js?c0d6:1) at Module../src/store.js (app.js:1431) at __webpack_require__ (app.js:849) at fn (app.js:151) at eval (main.js:13) at Module../src/main.js (app.js:1407)
該当のソースコード
↓store.js
javascript
1import { createStore } from 'vuex'; 2 3const store = createStore({ 4 state() { 5 return { 6 count: 1 7 } 8 }, 9}); 10 11 12export default store;
↓main.js
javascript
1import { createApp } from 'vue'; 2import App from './App.vue'; 3import router from './router'; 4import store from './store'; 5 6const app = createApp(App); 7app.use(router); 8app.use(store); 9app.mount('#app');
↓package.json
{ "name": "vue-questionnaire", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.5", "vue": "^3.0.0", "vuex": "^4.0.0-rc.2", "vuex-module-decorators": "^1.0.1" }, "devDependencies": { "@babel/core": "^7.12.10", "@babel/eslint-parser": "^7.12.1", "@vue/cli-plugin-babel": "^5.0.0-alpha.0", "@vue/cli-plugin-eslint": "^5.0.0-alpha.0", "@vue/cli-service": "^5.0.0-alpha.0", "@vue/compiler-sfc": "^3.0.0", "eslint": "^7.15.0", "eslint-plugin-vue": "^7.2.0", "vue-router": "^4.0.2" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser": "@babel/eslint-parser" }, "rules": { "no-console": "warn" } }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }
試したこと
足りないモジュールをインストールする為に
npm install -g npm-install-missingを試してみたのですが、
エラー画面は消えませんでした。
何が違うのかわからない為、ご教授いただければと思います????♂️
補足情報(FW/ツールのバージョンなど)
Vue3
vuex4
VueCLI
###追記
node_moduleを再インストールしてみたのですが、それでも状況変わらずでした。
引き続き答えがわかる方いらっしゃいましたらご教授いただければと思います????♂️
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。