"npm intall vue-loader" gives ENOENT issue

[var23rav]

Version

12.2.2

Reproduction link

vuejs/vue#6634

Steps to reproduce

Node: v6.11.2
npm: 3.10.10

npm install vue-loader

What is expected?

Expected the package to be installed.

What is actually happening?

Getting ENOENT error.

[user@app app]$ npm install vue-loader
/app
├─┬ consolidate@0.14.5
│ └── bluebird@3.5.0
├─┬ lru-cache@4.1.1
│ ├── pseudomap@1.0.2
│ └── yallist@2.1.2
├─┬ postcss@6.0.11
│ ├─┬ chalk@2.1.0
│ │ ├─┬ ansi-styles@3.2.0
│ │ │ └─┬ color-convert@1.9.0
│ │ │ └── color-name@1.1.3
│ │ └── escape-string-regexp@1.0.5
│ ├── source-map@0.5.7
│ └─┬ supports-color@4.4.0
│ └── has-flag@2.0.0
├─┬ postcss-load-config@1.2.0
│ ├─┬ cosmiconfig@2.2.2
│ │ ├── is-directory@0.3.1
│ │ ├─┬ js-yaml@3.10.0
│ │ │ ├─┬ argparse@1.0.9
│ │ │ │ └── sprintf-js@1.0.3
│ │ │ └── esprima@4.0.0
│ │ ├── minimist@1.2.0
│ │ ├── os-homedir@1.0.2
│ │ ├─┬ parse-json@2.2.0
│ │ │ └─┬ error-ex@1.3.1
│ │ │ └── is-arrayish@0.2.1
│ │ └── require-from-string@1.2.1
│ ├── object-assign@4.1.1
│ ├── postcss-load-options@1.2.0
│ └── postcss-load-plugins@2.3.0
├─┬ postcss-selector-parser@2.2.3
│ ├── flatten@1.0.2
│ ├── indexes-of@1.0.1
│ └── uniq@1.0.1
├─┬ resolve@1.4.0
│ └── path-parse@1.0.5
├── vue-hot-reload-api@2.1.0
├─┬ vue-style-loader@3.0.3
│ ├── hash-sum@1.0.2
│ └─┬ loader-utils@1.1.0
│ ├── big.js@3.2.0
│ ├── emojis-list@2.1.0
│ └── json5@0.5.1
└── vue-template-es2015-compiler@1.5.3

npm WARN enoent ENOENT: no such file or directory, open '/app/package.json'

npm WARN vue-loader@13.0.4 requires a peer of css-loader@* but none was installed.

npm WARN vue-loader@13.0.4 requires a peer of vue-template-compiler@^2.0.0 but none was installed.

npm WARN app No description

npm WARN app No repository field.

npm WARN app No README data

npm WARN app No license field.

npm ERR! Linux 4.9.27-14.31.amzn1.x86_64

npm ERR! argv "/home/user/.nvm/versions/node/v6.11.2/bin/node" "/home/user/.nvm/versions/node/v6.11.2/bin/npm" "install" "vue-loader"

npm ERR! node v6.11.2

npm ERR! npm v3.10.10

npm ERR! path /app/node_modules/js-beautify/js/bin/css-beautify.js

npm ERR! code ENOENT

npm ERR! errno -2

npm ERR! syscall chmod

npm ERR! enoent ENOENT: no such file or directory, chmod '/app/node_modules/js-beautify/js/bin/css-beautify.js'

npm ERR! enoent ENOENT: no such file or directory, chmod '/app/node_modules/js-beautify/js/bin/css-beautify.js'

npm ERR! enoent This is most likely not a problem with npm itself

npm ERR! enoent and is related to npm not being able to find a file.

npm ERR! enoent

npm ERR! Please include the following file with any support request:

npm ERR! /app/npm-debug.log

[**@ **]$

[var23rav]

Found the issue.
The latest package of js-beautify breaks

Work around:
npm install js-beautify@1.6.14
npm install vue-loader

[dhershman1]

Let this be a lesson as to why it is very important to always remove the ^ from your package.json.

[var23rav]

@dhershman1 NPM Shrinkwrap will be a better choice, to lock down dependencies properly.

[kbherbert]

Having the same issue...

[qm3ster]

Can anyone give me a reason not to use yarn?

[var23rav]

@qm3ster Yarn is perfect, just keep yarn.lock file to avoid unexpected issues.
( With normal npm Shrinkwrap will be the choice. )

[cg219]

This is still an issue