@24-s_syposted at 2023-10-04

npm run build のエラーについて（初心者です）

Q&A

Closed

解決したいこと

Vue.jsの公式サイトを見ながら進めています。
プロジェクトを作成したあとに　npm run build　を実行するよう記載があったので実行したところエラーが出てしまい先に進めません。
サイトをいろいろ見ましたが解決できなかったため、ご教示いただきたいです。
よろしくお願いします。

発生している問題・エラー

>npm run build
npm ERR! Missing script: "build"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

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

自分で試したこと

最後の文章に「この実行の完全なログはここにあります」と書いてあったので該当のログを見てみたのですが原因がわかりませんでした。
他にも新しくプロジェクトを作成し直したりなどしたのですが同じエラーが出てしまいます。

0 likes

3Answer

@24-s_sy posted at 2023-10-04

入力したところ下記のようになりました。

$ npm run build

> test-project@0.0.0 build
> vite build

'vite' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。

1Like

Comments

@heesukim998
npm install npm run build
これを入力してもらいますか？
解決できなかったら教えてください！

@24-s_sy

Questioner

両方入力したところ再度エラーが発生してしまいました。

PS C:\Users\syk\test_vue> npm install

up to date, audited 1 package in 2s

found 0 vulnerabilities
PS C:\Users\syk\test_vue> npm run build
npm ERR! Missing script: "build"
npm ERR! 
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

npm ERR! A complete log of this run can be found in: C:\Users\syk\AppData\Local\npm-cache\_logs\2023-10-04T04_17_00_393Z-debug-0.log

@heesukim998
あ、そうですね。
でも、問題ないです。
cd ./test-project npm install npm run build
Terminalでこれらを入力するとできると思います。

@24-s_sy

Questioner

下記のように返答がありましたが、こちらで大丈夫でしょうか？

PS C:\Users\syk\test_vue\test-project> npm install

added 25 packages, and audited 26 packages in 1m

3 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

PS C:\Users\syk\test_vue\test-project> npm run build

> test-project@0.0.0 build
> vite build

vite v4.4.10 building for production...
✓ 11 modules transformed.
dist/index.html                  0.42 kB │ gzip:  0.28 kB
dist/assets/index-84a34640.css   1.99 kB │ gzip:  0.76 kB
dist/assets/index-d10da6a9.js   49.53 kB │ gzip: 20.08 kB
✓ built in 970ms

またプロジェクトごとに該当のプロジェクト内で

npm install
npm run build

の入力を行うべきなのでしょうか？

@heesukim998
大丈夫です。

初心者ですよね。
Buildしたいプロジェクトがあればした方がいいと思います。

Buildというのは色々なリソース(コード、データなど)を使えるファイルに変えることです。
リリースする前に結果物を出すためにするものです。

今はしたいのは実際の画面を見ながら、開発と勉強だと思います。
それなら、プロジェクトのディレクトリに入って(cd命令語を利用する、参考URL)
npm install npm run dev
これらを入力すると、開発用の環境が作られると思います。
もっと、詳しい情報がいるとしたら、参考URLを参考してください。
@24-s_sy
Questioner
初心者です。
Buildの説明や参考URLまで添付していただきありがとうございます。
とてもわかりやすかったです。

@heesukim998 posted at 2023-10-04

projectのpackage.jsonを見ないと判断できないですが、共有できますか？

また、projectが作られたフォルダの中で「npm run build」を実行しているのか確認してもらいますか？

0Like

@24-s_sy posted at 2023-10-04

ご返答ありがとうございます。
2つあるので両方添付します。

▼こちらはプロジェクト内のsrcディレクトリに入っています。

{
  "name": "test-project",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.3.4"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.3.4",
    "vite": "^4.4.9"
  }
}

▼こちらはプロジェクト内の一番上のディレクトリに入っていました。

{
  "name": "test_vue",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

0Like

Comments

@heesukim998
Terminalで
cd ./test-project npm run build
これを入力してもらいますか？

Are you sure you want to delete the question?

npm run build のエラーについて（初心者です）

解決したいこと

発生している問題・エラー

自分で試したこと

3Answer

Comments

Comments

Your answer might help someone💌