New app failing to build/serve on Mac

[nwpappas]

Version

3.5.1

Environment info

Environment Info:

  System:
    OS: macOS 10.14.3
    CPU: (8) x64 Intel(R) Core(TM) i7-4960HQ CPU @ 2.60GHz
  Binaries:
    Node: 11.11.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.7.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 72.0.3626.121
    Firefox: 63.0.1
    Safari: 12.0.3
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0-beta.2
    @vue/babel-plugin-transform-vue-jsx:  1.0.0-beta.2
    @vue/babel-preset-app:  3.5.1
    @vue/babel-preset-jsx:  1.0.0-beta.2
    @vue/babel-sugar-functional-vue:  1.0.0-beta.2
    @vue/babel-sugar-inject-h:  1.0.0-beta.2
    @vue/babel-sugar-v-model:  1.0.0-beta.2
    @vue/babel-sugar-v-on:  1.0.0-beta.2
    @vue/cli-overlay:  3.5.1
    @vue/cli-plugin-babel: ^3.5.0 => 3.5.1
    @vue/cli-plugin-eslint: ^3.5.0 => 3.5.1
    @vue/cli-service: ^3.5.0 => 3.5.1
    @vue/cli-shared-utils:  3.5.1
    @vue/component-compiler-utils:  2.6.0
    @vue/eslint-config-standard: ^4.0.0 => 4.0.0
    @vue/preload-webpack-plugin:  1.1.0
    @vue/web-component-wrapper:  1.2.0
    eslint-plugin-vue: ^5.0.0 => 5.2.2
    vue: ^2.6.6 => 2.6.8
    vue-eslint-parser:  2.0.3
    vue-hot-reload-api:  2.3.3
    vue-loader:  15.7.0
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.5.21 => 2.6.8
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: 3.5.1

Steps to reproduce

I am unable to build or serve a newly created vue-cli project app on macOS Majave 10.14.3. I have made vue-cli 3 apps in the past, but I'm not sure what has changed about my system since the last time (Majava install possibly).

In attempting to fix the issue I've updated to the latest version of several things:

Node: 11.11.0
npm: 6.7.0
vue-cli: 3.5.1
I also re-ran sudo xcode-select --install

I was having issues running vue create before doing the above, but it now (appears) to be working. However, when I attempt to build or serve my app it fails without much information.

The following is my console output from creating the app to trying to build it.

● vue create fleet-vue


Vue CLI v3.5.1
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, CSS Pre-processors, Linter
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass)
? Pick a linter / formatter config: Standard
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No


Vue CLI v3.5.1
✨  Creating project in /Users/pappas/Repositories/fleet/packages/fleet-vue.
⚙  Installing CLI plugins. This might take a while...


> fsevents@1.2.7 install /Users/pappas/Repositories/fleet/packages/fleet-vue/node_modules/fsevents
> node install

[fsevents] Success: "/Users/pappas/Repositories/fleet/packages/fleet-vue/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64/fse.node" is installed via remote

> yorkie@2.0.0 install /Users/pappas/Repositories/fleet/packages/fleet-vue/node_modules/yorkie
> node bin/install.js

setting up Git hooks
can't find .git directory, skipping Git hooks installation
added 1188 packages from 659 contributors and audited 23492 packages in 22.943s
found 0 vulnerabilities

🚀  Invoking generators...
📦  Installing additional dependencies...


> fibers@3.1.1 install /Users/pappas/Repositories/fleet/packages/fleet-vue/node_modules/fibers
> node build.js || nodejs build.js

  CXX(target) Release/obj.target/fibers/src/fibers.o
  CXX(target) Release/obj.target/fibers/src/coroutine.o
  CC(target) Release/obj.target/fibers/src/libcoro/coro.o
  SOLINK_MODULE(target) Release/fibers.node
Installed in `/Users/pappas/Repositories/fleet/packages/fleet-vue/node_modules/fibers/bin/darwin-x64-67/fibers.node`
added 87 packages from 55 contributors, updated 2 packages, moved 9 packages and audited 25998 packages in 11.64s
found 0 vulnerabilities

⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project fleet-vue.
👉  Get started with the following commands:

 $ cd fleet-vue
 $ npm run serve

● cd fleet-vue
● npm run build

> fleet-vue@0.1.0 build /Users/pappas/Repositories/fleet/packages/fleet-vue
> vue-cli-service build


⠴  Building for production...[1]    23604 killed     npm run build

What is expected?

The project should create, build, and serve without issue.

What is actually happening?

The process is being killed without (apparent) error output.

[haoqunjiang]

The only unusual thing I found was these lines:

setting up Git hooks
can't find .git directory, skipping Git hooks installation

Maybe it's related to file system permission?

[nwpappas]

Looks like this is an issue was using 'dart-sass'.

I'm looking at if I should figure out how to use 'dart-sass' or just stick with 'node-sass' now.

[nwpappas]

... but ... shouldn't 'vue-cli' install everything I need, or is it expected that there is an added step to use 'dart-sass'?

[nwpappas]

Solved by following the final post by @beary from issue #1782

It would appear that 'vue-cli' is not creating a 'vue.config.js' file and requiring sass.