質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CentOS

CentOSは、主にRed Hat Enterprise Linux(RHEL)をベースにした、フリーのソフトウェアオペレーティングシステムです。

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

Q&A

解決済

1回答

895閲覧

CentOS7でVue CLI3でのプロジェクト作成が失敗してしまう

fightTT

総合スコア27

CentOS

CentOSは、主にRed Hat Enterprise Linux(RHEL)をベースにした、フリーのソフトウェアオペレーティングシステムです。

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Linux

Linuxは、Unixをベースにして開発されたオペレーティングシステムです。日本では「リナックス」と呼ばれています。 主にWebサーバやDNSサーバ、イントラネットなどのサーバ用OSとして利用されています。 上位500のスーパーコンピュータの90%以上はLinuxを使用しています。 携帯端末用のプラットフォームAndroidは、Linuxカーネル上に構築されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

0グッド

0クリップ

投稿2019/08/11 11:48

編集2019/08/11 12:53

VagrantにてCentOS7を設定しました。
Vue.jsプロジェクト作成のために、node.jsやnpmのインストールを様々な方法(nやnvmでのnodeのバージョン管理、バージョン管理なしでnode v10.16.2のインストール)で試していますがvue createコマンドを入力すると毎回同様のエラーが出てプロジェクトの作成ができません。
最終的には以下のQiitaの記事の手順でインストールを行いました。(vueプロジェクトの作成はinitコマンドではなくcreateコマンドです)

  1. CentOSへNode.jsをインストール
  2. CentOSへVue.jsをインストール

bash

1// rootユーザーでリポジトリの作成 2# curl -sL https://rpm.nodesource.com/setup_10.x | bash - 3// node.jsのインストール 4$ sudo yum install -y nodejs 5$ node -v 6v10.16.2 7$ npm -v 86.9.0

ゲストOSとホストOSとの共有フォルダworkspacetestフォルダを作成し、vue createコマンドを実行するとエラーが表示され、プロジェクトの作成に失敗します。

bash

1[test]$ vue create f3

以下がエラー内容です。作成されたf3内はnode_modulespackage.jsonがあるのみです。

bash

1npm ERR! path /home/vagrant/workspace/test/f3/node_modules/@hapi/topo/node_modules/@hapi/hoek/package.json.2340471453 2npm ERR! code ENOENT 3npm ERR! errno -2 4npm ERR! syscall open 5npm ERR! enoent ENOENT: no such file or directory, open '/home/vagrant/workspace/test/f3/node_modules/@hapi/topo/node_modules/@hapi/hoek/package.json.2340471453' 6npm ERR! enoent This is related to npm not being able to find a file. 7npm ERR! enoent 8 9npm ERR! A complete log of this run can be found in: 10npm ERR! /home/vagrant/.npm/_logs/2019-08-11T11_10_49_188Z-debug.log 11ERROR command failed: npm install --loglevel error

2019-08-11T11_10_49_188Z-debug.logの内容で最後の方だけエラー内容と思われますので以下に記載しておきます

log

120511 warn @vue/cli-service@3.10.0 requires a peer of vue-template-compiler@^2.0.0 but none is installed. You must install peer dependencies yourself. 220512 verbose stack Error: ENOENT: no such file or directory, open '/home/vagrant/workspace/test/f3/node_modules/@hapi/topo/node_modules/@hapi/hoek/package.json.2340471453' 320513 verbose cwd /home/vagrant/workspace/test/f3 420514 verbose Linux 3.10.0-957.27.2.el7.x86_64 520515 verbose argv "/usr/bin/node" "/usr/bin/npm" "install" "--loglevel" "error" 620516 verbose node v10.16.2 720517 verbose npm v6.9.0 820518 error path /home/vagrant/workspace/test/f3/node_modules/@hapi/topo/node_modules/@hapi/hoek/package.json.2340471453 920519 error code ENOENT 1020520 error errno -2 1120521 error syscall open 1220522 error enoent ENOENT: no such file or directory, open '/home/vagrant/workspace/test/f3/node_modules/@hapi/topo/node_modules/@hapi/hoek/package.json.2340471453' 1320523 error enoent This is related to npm not being able to find a file.

こちらの記事を参考にnpmの最新版へのアップデートはせずにvue.jsのインストールを行いましたが、エラー内容は変わりませんでした。

パッケージなどバージョン
Vagrant2.2.4
ゲストOSCentOS Linux release 7.6.1810
ホストOSmac OS Mojave 10.14.5
node.js10.16.2
npm6.9.0
vue/cli3.9.3

今日1日このエラーと格闘していたのですが解決できず、、、どなたかお力をお借りできればと思い質問させていただきました。よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しましたので、そこまでの思考的なアプローチ含め手順・解決策を記録させていただきます。

  1. 質問後に別のアプローチをしてみようと思い、共有ディレクトリの権限を調べてみたところ、drwxr-xr-xだったので、権限を一度777に変更しようと試みたが、ゲストOS上(CentOS側)ではできなかった。
  2. ホストOS(mac)から共有フォルダを作成していたので、権限を変更するにはVagrantfileの共有フォルダ設定にmount_options:というものを追記して起動すると権限変更が適用されると分かり、フルアクセスに権限を変更後、vue createを実行するも同様のエラーが出る。
  3. そこで、CentOS上で適当な場所にディレクトリを作成し、そこにvue createを実行したところ、こちらはうまくいった。
  4. 幸い、VSCodeのRemote Developmentを今朝導入したばかりだったので、vagrantの共有フォルダ上での開発は辞め、CentOS内の適当なディレクトリを開発場所として選択しVSCodeで開くことで開発が問題なく進めることができるとわかった。

投稿2019/08/11 14:05

fightTT

総合スコア27

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問