アフィリエイト広告を利用しています
ファン
<< 2021年07月 >>
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
最新記事
写真ギャラリー
カテゴリーアーカイブ
月別アーカイブ
日別アーカイブ

広告

posted by fanblog

2021年07月02日

npm install && npm run devでコマンドエラー|Laravel学習

のんびりさんは現在Laravelの勉強しています
渋谷で働くエンジニア福さんのLaravel入門でnpm install && npm run devコマンドを叩いたらたらエラーが出ました
そもそも、npmもはいってなく、Node.jsインストールしなきゃいけないなんて超初心者ののんびりさんにはばっかり。
とりあえず解決できたので、備忘録としてまとめます。

開発環境

OS:Windows10
PHP:PHP 7.4.20
Laravel:Laravel Framework 8.48.1
MySQL:MySQL Server 8.0 (Ver 8.0.23 for Win64 on x86_64 (MySQL Community Server - GPL))
Node.js:14.17.20
npm:6.14.13

もくじ

  1. npm install && npm run devコマンドでエラー
  2. npm installコマンドを再度たたく
  3. npm run devコマンドを再度たたく

  4. npm install && npm run devコマンドでエラー

    C:\Users\NONBIRI>cd ../../MAMP/htdocs/blog

    C:\MAMP\htdocs\blog>npm install && npm run dev
    npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
    npm WARN deprecated querystring@0.2.0: The
    npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
    npm notice created a lockfile as package-lock.json. You should commit this file.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\chokidar\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    added 775 packages from 447 contributors and audited 778 packages in 57.261s

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

    found 0 vulnerabilities


    > @ dev C:\MAMP\htdocs\blog
    > npm run development


    > @ development C:\MAMP\htdocs\blog
    > mix

    Additional dependencies must be installed. This will only take a moment.

    Running: npm install resolve-url-loader@^4.0.0 --save-dev --legacy-peer-deps

    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    Finished. Please run Mix again.

    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! @ development: `mix`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ development script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\NONBIRI\AppData\Roaming\npm-cache\_logs\2021-07-02T04_55_39_819Z-debug.log
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! @ dev: `npm run development`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ dev script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\NONBIRI\AppData\Roaming\npm-cache\_logs\2021-07-02T04_55_39_880Z-debug.log

    “Finished. Please run Mix again.”という事で、もう一度コマンドを打ってとのメッセージが…
    npm installコマンドを再度たたく

    C:\MAMP\htdocs\blog>npm install
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    audited 788 packages in 7.957s

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

    found 0 vulnerabilities

    npm run devコマンドを再度たたく

    C:\MAMP\htdocs\blog>npm run dev

    > @ dev C:\MAMP\htdocs\blog
    > npm run development


    > @ development C:\MAMP\htdocs\blog
    > mix


    * Mix █████████████████████████ building (10%) 0/2 entries 2/3 dependencies 0/2 modules 2 active
    ...r ≫ postcss-loader ≫ resolve-url-loader ≫ sass-loader ≫ resources\sass\app.scss

    DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

    Recommendation: math.div($spacer, 2)

    More info and automated migrator: https://sass-lang.com/d/slash-div


    302 │ $headings-margin-bottom: $spacer / 2 !default;
    │ ^^^^^^^^^^^

    node_modules\bootstrap\scss\_variables.scss 302:31 @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9 @import
    resources\sass\app.scss 8:9 root stylesheet

    DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

    Recommendation: math.div($input-padding-y, 2)

    More info and automated migrator: https://sass-lang.com/d/slash-div


    498 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
    │ ^^^^^^^^^^^^^^^^^^^^

    node_modules\bootstrap\scss\_variables.scss 498:73 @import
    node_modules\bootstrap\scss\bootstrap.scss 9:9 @import
    resources\sass\app.scss 8:9 root stylesheet

    DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

    Recommendation: math.div($custom-control-indicator-size, 2)

    More info and automated migrator: https://sass-lang.com/d/slash-div

    (−−−−途中省略ーーーー)

    Laravel Mix v6.0.25


    Compiled Successfully in 10492ms
    ┌──────────────────────────────────────────────────┬──────────┐│ File │ Size │├─────────────────────────────────────────────────┼──────────┤│ /js/app.js │ 2.92 MiB ││ css/app.css │ 178 KiB │└─────────────────────────────────────────────────┴──────────┘webpack compiled successfully

    C:\MAMP\htdocs\blog>


    npm install && npm run devコマンドでエラー後は再度、“npm install”と“npm run dev”で分けてコマンドを打ってみた所、無事コンプリートしました。
    npm install && npm run devで一緒に打ってもよかったのか…ちょっと慎重に分けてコマンドを打ったのんびりさんなのでした

    出典:渋谷で働くエンジニア福の「実践で学ぶプログラミング入門」
    (https://www.youtube.com/channel/UCqzJi2o7bAPtRD3tTFvi7zA)
    【このカテゴリーの最新記事】
posted by のんびり at 18:53 | Comment(0) | TrackBack(0) | Laravel
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/10831727
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
最新コメント
タグクラウド
プロフィール
のんびりさんの画像
のんびり
プロフィール
×

この広告は30日以上新しい記事の更新がないブログに表示されております。