Q&A
Closed
vue-cliを用いてプロジェクトを作成したい
npx vue create vue-applicationコマンドをMacのターミナルで実行すると
npm ERR! could not determine executable to run
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/choukikazutaka/.npm/_logs/2021-11-19T16_02_35_311Z-debug.log
とエラーが表示されてプロジェクトが作られませんなぜなのでしょうか？
vue コマンドは vue パッケージではなく @vue/cli パッケージに入っています。
npx vue ... は vue パッケージだけダウンロードして vue コマンドを実行しようとするするのでうまくいきません。
npx --package=@vue/cli vue create vue-application
と実行してください。
@ankuru23
Questioner
@ankuru23
Questioner
@symformix npm install -g @vue/cli でインストールすれば問題ないですね。インストールせずにnpx vue ... で実行するとエラーが出るという話です。
@symformix さっき作った hello-world ディレクトリの中で npx vue ... を実行していませんか？ 普通に使えるのは package.json に @vue/cli が存在するせいだと思います。ディレクトリの外に移動すれば使えないのでは。
訂正： package.json にあるとき使えるのに加えて、
npm install -g @vue/cliした後であればディレクトリの外でもnpx vue ...が使えるようです。以下のコードは訂正前のものです。
% mkdir proj && cd proj && npm init -y && npm install @vue/cli
略
% npx vue create vue-application
Vue CLI v4.5.15
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3) ([Vue 3] babel, eslint)
Manually select features
^C
% cd ~/ && npx vue create vue-application
npm ERR! could not determine executable to run
...
ちなみに npm install -g @vue/cli しても npx vue ... が使えるようにはなりません。
訂正：これは Node.js を Volta でインストールしたときに起きることのようです。そうでない場合、
npm install -g @vue/cliしたらnpx vue ...が使えました。以下のコードは訂正前のものです。
% npx vue create vue-application
npm ERR! could not determine executable to run
...
% npm install -g @vue/cli
略
% npx vue create vue-application
npm ERR! could not determine executable to run
...
(Node.js v16.13.0, npx v8.1.0)
@sysformix 失礼しました、先ほどの返信を訂正しました。 npm install -g @vue/cli した後ならどこでも npx vue ... が使えるようです。自分の環境では Node.js バージョンマネージャの影響でそうなっていませんでした。