Vue-cli: vue cli creates apps that don't run

Created on 2 Dec 2019 · 5Comments · Source: vuejs/vue-cli

Version

4.1.1

Environment info

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i7-7820HQ CPU @ 2.90GHz
  Binaries:
    Node: 10.16.3 - ~/.nvm/versions/node/v10.16.3/bin/node
    Yarn: Not Found
    npm: 6.9.0 - ~/.nvm/versions/node/v10.16.3/bin/npm
  Browsers:
    Chrome: 78.0.3904.108
    Firefox: 60.7.2
    Safari: 13.0.3
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.1.2 
    @vue/babel-preset-app:  4.1.1 
    @vue/babel-preset-jsx:  1.1.2 
    @vue/babel-sugar-functional-vue:  1.1.2 
    @vue/babel-sugar-inject-h:  1.1.2 
    @vue/babel-sugar-v-model:  1.1.2 
    @vue/babel-sugar-v-on:  1.1.2 
    @vue/cli-overlay:  4.1.1 
    @vue/cli-plugin-babel: ^4.1.0 => 4.1.1 
    @vue/cli-plugin-eslint: ^4.1.0 => 4.1.1 
    @vue/cli-plugin-router:  4.1.1 
    @vue/cli-plugin-vuex:  4.1.1 
    @vue/cli-service: ^4.1.0 => 4.1.1 
    @vue/cli-shared-utils:  4.1.1 
    @vue/component-compiler-utils:  3.0.2 
    @vue/preload-webpack-plugin:  1.1.1 
    @vue/web-component-wrapper:  1.2.0 
    eslint-plugin-vue: ^5.0.0 => 5.2.3 
    vue: ^2.6.10 => 2.6.10 
    vue-eslint-parser:  5.0.0 
    vue-hot-reload-api:  2.3.4 
    vue-loader:  15.7.2 
    vue-style-loader:  4.1.2 
    vue-template-compiler: ^2.6.10 => 2.6.10 
    vue-template-es2015-compiler:  1.9.1 
  npmGlobalPackages:
    @vue/cli: 4.1.1

Steps to reproduce

vue create vue-error

cd vue-error
npm run serve

What is expected?

App running at:

Local: http://localhost:8080/
Network: http://10.230.4.152:8080/

What is actually happening?

98% after emitting CopyPlugin

ERROR Failed to compile with 1 errors 2:08:51 PM

error in ./src/main.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/david_rodal/vue-error/src/main.js: Cannot find module './src/data' (While processing: "/Users/david_rodal/vue-error/node_modules/@vue/cli-plugin-babel/preset.js")
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object. (/Users/david_rodal/vue-error/node_modules/core-js-compat/helpers.js:3:14)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object. (/Users/david_rodal/vue-error/node_modules/core-js-compat/get-modules-list-for-target-version.js:2:51)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)

@ multi (webpack)-dev-server/client?http://10.230.4.152:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

other apps that i do an

rm node_modules

and
npm install

catch this disease too.....

Source

daverodal

👍3

Most helpful comment

npm i [email protected] should fix the issue.

Also, Duplicate of #4918

aggarwaldev on 2 Dec 2019

👍3

All 5 comments

Same problem here:

error  in ./src/main.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] C:\XXXXX\src\main.js: Cannot find module './src/data'
Require stack:
- C:\XXXXX\node_modules\core-js-compat\helpers.js
- C:\XXXXX\node_modules\core-js-compat\get-modules-list-for-target-version.js
- C:\XXXXX\node_modules\@babel\preset-env\lib\polyfills\corejs3\usage-plugin.js
- C:\XXXXX\node_modules\@babel\preset-env\lib\index.js
- C:\XXXXX\node_modules\@vue\babel-preset-app\index.js
- C:\XXXXX\node_modules\@vue\cli-plugin-babel\preset.js
- C:\XXXXX\node_modules\@babel\core\lib\config\files\plugins.js
- C:\XXXXX\node_modules\@babel\core\lib\config\files\index.js
- C:\XXXXX\node_modules\@babel\core\lib\index.js
- C:\XXXXX\node_modules\@vue\cli-plugin-babel\index.js
- C:\XXXXX\node_modules\@vue\cli-service\lib\Service.js
- C:\XXXXX\node_modules\@vue\cli-service\bin\vue-cli-service.js (While processing: "D:\\Git\\gestios\\gestios-yokse\\node_modules\\@vue\\cli-plugin-babel\\preset.js")
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\XXXXX\node_modules\core-js-compat\helpers.js:3:14)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\XXXXX\node_modules\core-js-compat\get-modules-list-for-target-version.js:2:51)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)

@ multi (webpack)-dev-server/client?http://192.168.1.100:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js