TypeError: Cannot read property 'indexOf' of undefined

[yuexing0921]

Version

4.0.2

Environment info

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
  Binaries:
    Node: 10.16.0 - /usr/local/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.11.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 77.0.3865.120
    Firefox: 68.0.1
    Safari: 13.0.2
  npmPackages:
    @vue/babel-preset-app:  3.1.1
    @vue/cli-overlay:  3.9.0
    @vue/cli-plugin-babel: ^3.1.0 => 3.1.1
    @vue/cli-plugin-eslint: ^3.1.0 => 3.11.0
    @vue/cli-service: ^3.8.0 => 3.9.2
    @vue/cli-shared-utils:  3.9.0 (3.11.0)
    @vue/component-compiler-utils:  2.6.0
    @vue/eslint-config-standard:  4.0.0
    @vue/eslint-config-typescript:  4.0.0
    @vue/preload-webpack-plugin:  1.1.0
    @vue/web-component-wrapper:  1.2.0
    babel-helper-vue-jsx-merge-props:  2.0.3
    babel-plugin-transform-vue-jsx:  4.0.1
    eslint-plugin-vue:  5.0.0-beta.5 (4.7.1)
    typescript: ~3.2.4 => 3.2.4 (3.5.3, 3.6.3, 2.5.3)
    vue: ^2.5.17 => 2.6.10
    vue-amap: ^0.5.10 => 0.5.10
    vue-class-component: ^6.0.0 => 6.3.2
    vue-cli-plugin-typescript: ^0.0.1 => 0.0.1
    vue-eslint-parser:  3.3.0 (2.0.3)
    vue-gen-router: ^0.0.5 => 0.0.5
    vue-hot-reload-api:  2.3.1
    vue-loader:  15.7.0
    vue-property-decorator: ^7.0.0 => 7.3.0
    vue-router: ^3.0.1 => 3.0.2
    vue-simple-uploader: ^0.6.0 => 0.6.0
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.5.17 => 2.6.10
    vue-template-es2015-compiler:  1.9.1
    vuedraggable: ^2.17.0 => 2.17.0
    vuex: ^3.0.1 => 3.0.1
  npmGlobalPackages:
    @vue/cli: 4.0.2

Steps to reproduce

npm install -g @vue/cli

vue ui

http://localhost:8000/project/create
Details => Project folder => vue-cli-4.0
Presets => vue-ts => TypeError: Cannot read property 'indexOf' of undefined

What is expected?

Normally generated project

What is actually happening?

Unable to generate, always stuck there

---

Installing CLI plugins. This might take a while...

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

at makeError (/usr/local/lib/node_modules/@vue/cli/node_modules/execa/index.js:174:9)
at Promise.all.then.arr (/usr/local/lib/node_modules/@vue/cli/node_modules/execa/index.js:278:16)
at process._tickCallback (internal/process/next_tick.js:68:7)

code: 1,
stdout:
'⚙ Installing CLI plugins. This might take a while...\n\n🚀 Invoking generators...\n📦 Installing additional dependencies...\n\n',
stderr: null,
failed: true,
signal: null,
cmd:
'vue create vue-cli-4.0 --skipGetStarted --packageManager yarn --inlinePreset {"useConfigFiles":false,"plugins":{"@vue/cli-plugin-babel":{},"@vue/cli-plugin-typescript":{"classComponent":true,"useTsWithBabel":true},"@vue/cli-plugin-eslint":{"config":"prettier","lintOn":["save","commit"]}},"router":true,"routerHistoryMode":false,"vuex":true}',
timedOut: false,
killed: false }
TypeError: Cannot read property 'indexOf' of undefined
at progress.wrap (/usr/local/lib/node_modules/@vue/cli/node_modules/@vue/cli-ui/apollo-server/connectors/projects.js:274:35)
at process._tickCallback (internal/process/next_tick.js:68:7)
TypeError: Cannot read property 'indexOf' of undefined
at progress.wrap (/usr/local/lib/node_modules/@vue/cli/node_modules/@vue/cli-ui/apollo-server/connectors/projects.js:274:35)
at process._tickCallback (internal/process/next_tick.js:68:7)

[TimurGumarov]

@yuexing0921 Hello!
I think that because of invalid project name. In some case vue ui doesn't validate the name right.
I've reporoduced this issue vith project name "!_VUE-start". vue ui passed this through, but vue cli said me that this project name is invalid.

[ck-chenkang]

use command line vue create myproject, no problem

[aminehck]

use CamelCase name for the project and don't use - or _

[Firat-Bayram]

i try CamelCase proje name but the error continue.

ProjectCreate.vue:659 Error: GraphQL error: Cannot return null for non-nullable field Mutation.projectCreate.
at new t (bundle.esm.js:63)
at Object.next (bundle.esm.js:1004)
at g (Observable.js:135)
at x (Observable.js:179)
at e.value (Observable.js:235)
at bundle.esm.js:866
at Set.forEach ()
at Object.next (bundle.esm.js:866)
at Object.handler (client.js:145)
at e.processReceivedData (client.js:512)

[Firat-Bayram]

on windows computers caused by wrong prefix path. I changed prefix to "C:\Users\Administrator\AppData\Roaming\npm" and the error has been fixed.

[nonso07]

I have the same issue @Firat-Bayram what do you mean by changing prefix path

[tennessine]

In my case , I didn't install yarn, when I use 'vue create projectName' in command line and it will give me the specified error.

[Firat-Bayram]

npm prefix -g =>my global path C:\Users<your user name>\AppData\Roaming\npm

if your path is different , you can change it with the command below

npm config set prefix $value

[nianxiongdi]

Version

4.0.2

Environment info

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
  Binaries:
    Node: 10.16.0 - /usr/local/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.11.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 77.0.3865.120
    Firefox: 68.0.1
    Safari: 13.0.2
  npmPackages:
    @vue/babel-preset-app:  3.1.1
    @vue/cli-overlay:  3.9.0
    @vue/cli-plugin-babel: ^3.1.0 => 3.1.1
    @vue/cli-plugin-eslint: ^3.1.0 => 3.11.0
    @vue/cli-service: ^3.8.0 => 3.9.2
    @vue/cli-shared-utils:  3.9.0 (3.11.0)
    @vue/component-compiler-utils:  2.6.0
    @vue/eslint-config-standard:  4.0.0
    @vue/eslint-config-typescript:  4.0.0
    @vue/preload-webpack-plugin:  1.1.0
    @vue/web-component-wrapper:  1.2.0
    babel-helper-vue-jsx-merge-props:  2.0.3
    babel-plugin-transform-vue-jsx:  4.0.1
    eslint-plugin-vue:  5.0.0-beta.5 (4.7.1)
    typescript: ~3.2.4 => 3.2.4 (3.5.3, 3.6.3, 2.5.3)
    vue: ^2.5.17 => 2.6.10
    vue-amap: ^0.5.10 => 0.5.10
    vue-class-component: ^6.0.0 => 6.3.2
    vue-cli-plugin-typescript: ^0.0.1 => 0.0.1
    vue-eslint-parser:  3.3.0 (2.0.3)
    vue-gen-router: ^0.0.5 => 0.0.5
    vue-hot-reload-api:  2.3.1
    vue-loader:  15.7.0
    vue-property-decorator: ^7.0.0 => 7.3.0
    vue-router: ^3.0.1 => 3.0.2
    vue-simple-uploader: ^0.6.0 => 0.6.0
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.5.17 => 2.6.10
    vue-template-es2015-compiler:  1.9.1
    vuedraggable: ^2.17.0 => 2.17.0
    vuex: ^3.0.1 => 3.0.1
  npmGlobalPackages:
    @vue/cli: 4.0.2

Steps to reproduce

npm install -g @vue/cli

vue ui

http://localhost:8000/project/create
Details => Project folder => vue-cli-4.0
Presets => vue-ts => TypeError: Cannot read property 'indexOf' of undefined

What is expected?

Normally generated project

What is actually happening?

Unable to generate, always stuck there

Installing CLI plugins. This might take a while...

Invoking generators...
Installing additional dependencies...

at makeError (/usr/local/lib/node_modules/@vue/cli/node_modules/execa/index.js:174:9)
at Promise.all.then.arr (/usr/local/lib/node_modules/@vue/cli/node_modules/execa/index.js:278:16)
at process._tickCallback (internal/process/next_tick.js:68:7)

code: 1,
stdout:
' Installing CLI plugins. This might take a while...\n\n Invoking generators...\n Installing additional dependencies...\n\n',
stderr: null,
failed: true,
signal: null,
cmd:
'vue create vue-cli-4.0 --skipGetStarted --packageManager yarn --inlinePreset {"useConfigFiles":false,"plugins":{"@vue/cli-plugin-babel":{},"@vue/cli-plugin-typescript":{"classComponent":true,"useTsWithBabel":true},"@vue/cli-plugin-eslint":{"config":"prettier","lintOn":["save","commit"]}},"router":true,"routerHistoryMode":false,"vuex":true}',
timedOut: false,
killed: false }
TypeError: Cannot read property 'indexOf' of undefined
at progress.wrap (/usr/local/lib/node_modules/@vue/cli/node_modules/@vue/cli-ui/apollo-server/connectors/projects.js:274:35)
at process._tickCallback (internal/process/next_tick.js:68:7)
TypeError: Cannot read property 'indexOf' of undefined
at progress.wrap (/usr/local/lib/node_modules/@vue/cli/node_modules/@vue/cli-ui/apollo-server/connectors/projects.js:274:35)
at process._tickCallback (internal/process/next_tick.js:68:7)

this problem. i think is node version. please change node version.

[martinsirka]

Tried every solution I found here or StackOverflow nothing worked for me. Found out that if I use Sass/SCSS (with node-sass) it will crush but if I use Sass/SCSS (with dart-sass) it will create a project as expected.

[thelv]

Tried every solution I found here or StackOverflow nothing worked for me. Found out that if I use Sass/SCSS (with node-sass) it will crush but if I use Sass/SCSS (with dart-sass) it will create a project as expected.

I have the same issue. On what page you can choose Sass/SCSS (with dart-sass) ?