npm run build を実行したいです・・・

Question

npm run build を実行したいのですが、

npm ERR! path /Users/yuta/seattle-academy20/portfolio/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/Users/yuta/seattle-academy20/portfolio/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/yuta/.npm/_logs/2020-04-06T04_08_42_445Z-debug.log

という風にでてしまいます。
package.jsonがないからなのかなと思い、npm initを実行したら

npm ERR! missing script: bulid

npm ERR! A complete log of this run can be found in:

npm ERR!     /Users/yuta/.npm/_logs/2020-04-06T04_07_05_066Z-debug.log

という結果がでて、怖くなってpackage.jsonを一度アンインストールしてしまいました。
これはもう一度npm initを実行した方がいいのでしょうか？
それと

A complete log of this run can be found in:
npm ERR!     /Users/yuta/.npm/_logs/2020-04-06T04_07_05_066Z-debug.log

　に関してはどうしたら良いのでしょうか？？

Answer 1

npm run buildの実行のためにはpackage.jsonに以下のような記述が必要です。

{
  "scripts": {
    "build": (ビルドの実行手順)
  }
}

githubなどから取得できる出来上がったプロジェクトだと
始めからpackage.jsonにこの記述があるものも多いので、
npm run buildでビルドできたりしますが、
npm initで作成したものにはこの記述がないため実行できません。
自分で設定する必要があります。

Comments

[YutaFukui]

これはpackage.json を開いて書き込みをすればいいですか？？

あと、A complete log of this run can be found in:は無視しても大丈夫なのでしょうか？？

[YutaFukui]

"name": "portfolio",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.4",
"vue": "^2.6.11"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.3.0",
"@vue/cli-plugin-eslint": "~4.3.0",
"@vue/cli-service": "~4.3.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-template-compiler": "^2.6.11"
},

package.jsonの中身なんですけど、scriptにbuild記述があるのですが、書き直した方がいいのでしょうか？？

[yureighost]

そうです。
npm initで作成したpackage.jsonを編集するのが一般的だと思います。

A complete log of this run can be found in:は
npm run build実行の結果ログが次の行に書かれてるパスに作成されています。
と言う内容の記述であるだけです。
ログを確認して調査したい時は覚えておくといいと思います。

[yureighost]

その内容で失敗ということはvue-cliがインストールされていないとかだと思います。
ネットから落としてきたプロジェクトの場合、
npmでインストールできる共通モジュールなどは含めておらず
package.jsonの設定から依存性を構成し直せるようになってます。
package.jsonのあるディレクトリで
npm install
と実行してみてください。