Running vue init webpack creates failing code

[queteparece]

Environment

npm -v -> 5.6.0
node -v -> 9.4.0
vue-cli -> 2.9.2
OS -> Windows 10 x64

Steps to reproduce

1. npm install -g vue-cli
2. vue init webpack my-project
   • Project name my-project
   • Project description A Vue.js project
   • Author My name
   • Vue build standalone
   • Install vue-router? Yes
   • Use ESLint to lint your code? Yes
   • Pick an ESLint preset Airbnb
   • Set up unit tests No
   • Setup e2e tests with Nightwatch? No
   • Should we run npm install for you after the project has been created? (recommended) no
3. cd my-project
4. npm install
5. npm run lint OR npm run dev

Expected behavior

Everything compiles OK and dev server starts up

Actual behavior

[MY_PATH]\my-project\src\App.vue
  0:0  error  Parsing error: Cannot find module '@babel/types'

[MY_PATH]\my-project\src\components\HelloWorld.vue
  0:0  error  Parsing error: Cannot find module '@babel/types'

[MY_PATH]\my-project\src\main.js
  0:0  error  Parsing error: Cannot find module '@babel/types'

[MY_PATH]\my-project\src\router\index.js
  0:0  error  Parsing error: Cannot find module '@babel/types'

✖ 4 problems (4 errors, 0 warnings)

Additional data

Project is located under "F:" and user home is under "C:".

package.json

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "My Name",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },
  "dependencies": {
    "vue": "^2.5.2",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^8.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "eslint": "^4.15.0",
    "eslint-config-airbnb-base": "^11.3.0",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-import-resolver-webpack": "^0.8.3",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-vue": "^4.0.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

[LinusBorg]

Could you try and downgrade babel-eslint to 7.*?

[queteparece]

Downgraded babel-eslint to v7.2.3 in package.json.
And it works!
What is happening exactly?

[LinusBorg]

I read this: babel/babel-eslint#578

There's no answer about this yet but seems that at least on windows, babel-eslint >=8 doesn't work with babel 6. I tested it on OSX and didn't have any problems.

Would you be interested in making a PR to downgrade babel-eslint in the template?

[queteparece]

Done!

#1283