title: Error: Cannot find module '@vue/babel-preset-app'
body: <p>When I create a new vue application, and I run the server I get an error, after the compilation failed.
  Does anyone have where the problem comes from?</p>
  
  <p>Here is a screen shot of my Terminal and my browser.
  <img src="https://i.postimg.cc/hjK17sGd/VueError.png" alt="Terminal vue.js error"></p>
  
  <p>The main.js file</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  
  Vue.config.productionTip = false
  
  new Vue({
    render: h =&gt; h(App),
  }).$mount('#app')
  
  </code></pre>
  
  <p>And the package.json file</p>
  
  <pre><code>{
    "name": "vuedemo",
    "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": "^2.6.5",
      "vue": "^2.6.10"
    },
    "devDependencies": {
      "@vue/cli-plugin-babel": "^3.7.0",
      "@vue/cli-plugin-eslint": "^3.7.0",
      "@vue/cli-service": "^3.7.0",
      "babel-eslint": "^10.0.1",
      "eslint": "^5.16.0",
      "eslint-plugin-vue": "^5.0.0",
      "vue-template-compiler": "^2.5.21"
    },
    "eslintConfig": {
      "root": true,
      "env": {
        "node": true
      },
      "extends": [
        "plugin:vue/essential",
        "eslint:recommended"
      ],
      "rules": {},
      "parserOptions": {
        "parser": "babel-eslint"
      }
    },
    "postcss": {
      "plugins": {
        "autoprefixer": {}
      }
    },
    "browserslist": [
      "&gt; 1%",
      "last 2 versions"
    ]
  }
  
  </code></pre>