Search code examples
node.jswebpackvue.jsbabeljswebpack-3

Vue component files have syntax errors on build only on Windows

Locally I have my Vue project working perfectly (OSX, Node 9.3, npm 5.6). However when I push to the build environment (Windows NT 6.3.9600, npm 3.10.8, node v4.5.0) my builds fail and I have syntax errors in my .vue files. I'm using the boilerplate found here for webpack and have made little tweaks to it.

.babelrc

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"],
        "node": 4.5
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": [
        "istanbul",
        "babel-plugin-webpack-alias"
      ]
    }
  }
}

package.json

{
  "name": "",
  "version": "1.0.0",
  "description": "",
  "author": "",
  "private": true,
  "scripts": {
    "dev": "node selector-build/dev-server.js",
    "start": "npm run dev",
    "build": "node selector-build/build.js",
    "lint": "eslint --ext .js,.vue src"
  },
  "dependencies": {
    "axios": "0.17.0",
    "gsap": "1.20.3",
    "lodash": "4.17.4",
    "scrollmagic": "2.0.5",
    "slick-carousel": "1.8.1",
    "slugify": "1.2.1",
    "style-loader": "0.19.0",
    "vue": "2.5.13",
    "vue-router": "3.0.1"
  },
  "devDependencies": {
    "autoprefixer": "7.1.2",
    "babel-core": "6.22.1",
    "babel-eslint": "7.1.1",
    "babel-loader": "7.1.1",
    "babel-plugin-transform-runtime": "6.22.0",
    "babel-plugin-webpack-alias": "2.1.2",
    "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",
    "cross-env": "^3.1.4",
    "css-loader": "0.28.0",
    "eslint": "3.19.0",
    "eslint-friendly-formatter": "3.0.0",
    "eslint-loader": "1.7.1",
    "eslint-plugin-html": "3.0.0",
    "eventsource-polyfill": "0.9.6",
    "express": "4.14.1",
    "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",
    "http-proxy-middleware": "0.17.3",
    "jquery": "3.2.1",
    "node-sass": "4.7.2",
    "opn": "5.1.0",
    "optimize-css-assets-webpack-plugin": "3.2.0",
    "ora": "1.2.0",
    "portfinder": "1.0.13",
    "rimraf": "2.6.0",
    "sass-loader": "6.0.6",
    "semver": "5.3.0",
    "shelljs": "0.7.6",
    "url-loader": "0.5.8",
    "vue-loader": "13.7.0",
    "vue-style-loader": "3.0.1",
    "vue-template-compiler": "2.5.13",
    "webpack": "3.6.0",
    "webpack-bundle-analyzer": "2.9.0",
    "webpack-dev-middleware": "1.12.0",
    "webpack-hot-middleware": "2.18.2",
    "webpack-merge": "4.1.0"
  },
  "engines": {
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Error Digest

2018-01-10T22:29:56.0054806Z [1m[31mERROR in ./src/App.vue
2018-01-10T22:29:56.0054806Z Module build failed: SyntaxError: Unexpected token {
2018-01-10T22:29:56.0054806Z     at exports.runInThisContext (vm.js:53:16)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:373:25)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at Object.<anonymous> (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\vue-loader\index.js:1:80)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:409:26)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at loadLoader (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\loadLoader.js:13:17)
2018-01-10T22:29:56.0054806Z     at iteratePitchingLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
2018-01-10T22:29:56.0054806Z     at runLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
2018-01-10T22:29:56.0054806Z     at NormalModule.doBuild (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:182:3)
2018-01-10T22:29:56.0054806Z     at NormalModule.build (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:275:15)
2018-01-10T22:29:56.0054806Z     at Compilation.buildModule (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:149:10)
2018-01-10T22:29:56.0054806Z     at factoryCallback (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:337:12)
2018-01-10T22:29:56.0054806Z     at F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModuleFactory.js:241:5
2018-01-10T22:29:56.0054806Z  @ ./src/main.js 4:0-24[39m[22m
2018-01-10T22:29:56.0054806Z 
2018-01-10T22:29:56.0054806Z [1m[31mERROR in ./src/components/views/Slide.vue
2018-01-10T22:29:56.0054806Z Module build failed: SyntaxError: Unexpected token {
2018-01-10T22:29:56.0054806Z     at exports.runInThisContext (vm.js:53:16)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:373:25)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at Object.<anonymous> (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\vue-loader\index.js:1:80)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:409:26)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at loadLoader (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\loadLoader.js:13:17)
2018-01-10T22:29:56.0054806Z     at iteratePitchingLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
2018-01-10T22:29:56.0054806Z     at runLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
2018-01-10T22:29:56.0054806Z     at NormalModule.doBuild (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:182:3)
2018-01-10T22:29:56.0054806Z     at NormalModule.build (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:275:15)
2018-01-10T22:29:56.0054806Z     at Compilation.buildModule (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:149:10)
2018-01-10T22:29:56.0054806Z     at factoryCallback (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:337:12)
2018-01-10T22:29:56.0054806Z     at F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModuleFactory.js:241:5
2018-01-10T22:29:56.0054806Z  @ ./src/Bus.js 5:0-45
2018-01-10T22:29:56.0054806Z  @ ./src/main.js[39m[22m
2018-01-10T22:29:56.0054806Z 
2018-01-10T22:29:56.0054806Z [1m[31mERROR in ./src/components/views/Landing.vue
2018-01-10T22:29:56.0054806Z Module build failed: SyntaxError: Unexpected token {
2018-01-10T22:29:56.0054806Z     at exports.runInThisContext (vm.js:53:16)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:373:25)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at Object.<anonymous> (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\vue-loader\index.js:1:80)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:409:26)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at loadLoader (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\loadLoader.js:13:17)
2018-01-10T22:29:56.0054806Z     at iteratePitchingLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
2018-01-10T22:29:56.0054806Z     at runLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
2018-01-10T22:29:56.0054806Z     at NormalModule.doBuild (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:182:3)
2018-01-10T22:29:56.0054806Z     at NormalModule.build (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:275:15)
2018-01-10T22:29:56.0054806Z     at Compilation.buildModule (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:149:10)
2018-01-10T22:29:56.0054806Z     at factoryCallback (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:337:12)
2018-01-10T22:29:56.0054806Z     at F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModuleFactory.js:241:5
2018-01-10T22:29:56.0054806Z  @ ./src/router/index.js 3:0-49
2018-01-10T22:29:56.0054806Z  @ ./src/main.js[39m[22m
2018-01-10T22:29:56.0054806Z 
2018-01-10T22:29:56.0054806Z [1m[31mERROR in ./src/components/views/Recommendations.vue
2018-01-10T22:29:56.0054806Z Module build failed: SyntaxError: Unexpected token {
2018-01-10T22:29:56.0054806Z     at exports.runInThisContext (vm.js:53:16)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:373:25)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at Object.<anonymous> (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\vue-loader\index.js:1:80)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:409:26)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at loadLoader (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\loadLoader.js:13:17)
2018-01-10T22:29:56.0054806Z     at iteratePitchingLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
2018-01-10T22:29:56.0054806Z     at runLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
2018-01-10T22:29:56.0054806Z     at NormalModule.doBuild (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:182:3)
2018-01-10T22:29:56.0054806Z     at NormalModule.build (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:275:15)
2018-01-10T22:29:56.0054806Z     at Compilation.buildModule (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:149:10)
2018-01-10T22:29:56.0054806Z     at factoryCallback (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:337:12)
2018-01-10T22:29:56.0054806Z     at F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModuleFactory.js:241:5
2018-01-10T22:29:56.0054806Z  @ ./src/router/index.js 4:0-65
2018-01-10T22:29:56.0054806Z  @ ./src/main.js[39m[22m
2018-01-10T22:29:56.0054806Z 
2018-01-10T22:29:56.0054806Z [1m[31mERROR in ./src/components/views/notFound.vue
2018-01-10T22:29:56.0054806Z Module build failed: SyntaxError: Unexpected token {
2018-01-10T22:29:56.0054806Z     at exports.runInThisContext (vm.js:53:16)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:373:25)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at Object.<anonymous> (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\vue-loader\index.js:1:80)
2018-01-10T22:29:56.0054806Z     at Module._compile (module.js:409:26)
2018-01-10T22:29:56.0054806Z     at Object.Module._extensions..js (module.js:416:10)
2018-01-10T22:29:56.0054806Z     at Module.load (module.js:343:32)
2018-01-10T22:29:56.0054806Z     at Function.Module._load (module.js:300:12)
2018-01-10T22:29:56.0054806Z     at Module.require (module.js:353:17)
2018-01-10T22:29:56.0054806Z     at require (internal/module.js:12:17)
2018-01-10T22:29:56.0054806Z     at loadLoader (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\loadLoader.js:13:17)
2018-01-10T22:29:56.0054806Z     at iteratePitchingLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
2018-01-10T22:29:56.0054806Z     at runLoaders (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
2018-01-10T22:29:56.0054806Z     at NormalModule.doBuild (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:182:3)
2018-01-10T22:29:56.0054806Z     at NormalModule.build (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModule.js:275:15)
2018-01-10T22:29:56.0054806Z     at Compilation.buildModule (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:149:10)
2018-01-10T22:29:56.0054806Z     at factoryCallback (F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\Compilation.js:337:12)
2018-01-10T22:29:56.0054806Z     at F:\BA1\2\s\src\projectName\projectName\projectName.Web.Ui\Areas\projectName\Assets\apps\selector\node_modules\webpack\lib\NormalModuleFactory.js:241:5
2018-01-10T22:29:56.0054806Z  @ ./src/router/index.js 6:0-51
2018-01-10T22:29:56.0054806Z  @ ./src/main.js[39m[22m
2018-01-10T22:29:56.0054806Z 
2018-01-10T22:29:56.0054806Z   Build failed with errors.

It seems to only be erroring out with my .vue component files but again, only on this Windows environment. Any thoughts or suggestions would be appreciated. Thanks.

Solution

  • Turns out that vue-loader doesn't play nice with versions >13.0.1. Switching to 13.0.1 made my build succeed.

    Webpack vue-loader gives "unexpected token {" for single-page .vue component