laravel ui 認証機能　環境設定　npm install && npm run dev 有効なステートメント区切り

前提

Laravel ui で認証機能を作ろうとしています。VSCodeの.envのターミナルからLaravel ui をインストールし、
php artisan ui bootstrap --auth

としてbootstrapの認証機能もインストールしました。そこで最後に

Please run [npm install && npm run dev] to compile your fresh scaffolding.

と出たので

npm install && npm run dev

とコマンドを入力したところ、

発生している問題・エラーメッセージ

発生場所 行:1 文字:13
+ npm install && npm run dev
+             ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : InvalidEndOfLine

と出ました。何か && を変えなければならないようですが、:や;など書き換えたり片方だけ入力したりしても上手くいきません。

試した内容

  WARN  Please run [npm install && npm run dev] to compile your fresh scaffolding.

PS C:\xampp\htdocs\laravel_sample> npm install && npm run dev
発生場所 行:1 文字:13
+ npm install && npm run dev
+             ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : InvalidEndOfLine

PS C:\xampp\htdocs\laravel_sample> npm install : npm run dev  
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm install : npm run dev
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> npm install :[ npm run dev]
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm install :[ npm run dev]
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> npm [install] : npm run dev
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm [install] : npm run dev
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> npm install ; npm run dev               npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm install ; npm run dev
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:15
+ npm install ; npm run dev
+               ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> npm install -and npm run dev
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm install -and npm run dev
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> npm: [install] && npm: [run dev]
発生場所 行:1 文字:16
+ npm: [install] && npm: [run dev]
+                ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : InvalidEndOfLine

PS C:\xampp\htdocs\laravel_sample> [npm install && npm run dev]
発生場所 行:1 文字:5
+ [npm install && npm run dev]
+     ~
属性または type リテラルの最後に ] がありません。
発生場所 行:1 文字:6
+ [npm install && npm run dev]
+      ~~~~~~~
式またはステートメントのトークン 'install' を使用できません。
発生場所 行:1 文字:14
+ [npm install && npm run dev]
+              ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : EndSquareBracketExpectedAtEndOfAttribute     

PS C:\xampp\htdocs\laravel_sample> npm install              
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:1
+ npm install
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample> [npm] install : [npm] run dev           発生場所 行:1 文字:7
+ [npm] install : [npm] run dev
+       ~~~~~~~
式またはステートメントのトークン 'install' を使用できません。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : UnexpectedToken

PS C:\xampp\htdocs\laravel_sample> npm : install && npm : run dev
発生場所 行:1 文字:15
+ npm : install && npm : run dev
+               ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : InvalidEndOfLine
 
PS C:\xampp\htdocs\laravel_sample>  npm : install ; npm : run dev 
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:2
+  npm : install ; npm : run dev
+  ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:18
+  npm : install ; npm : run dev
+                  ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample>  npm : install : npm : run dev 
npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作
可能なプログラムの名前として認識されません。名前が正しく記述されていること 
を確認し、パスが含まれている場合はそのパスが正しいことを確認してから、再試 
行してください。
発生場所 行:1 文字:2
+  npm : install : npm : run dev
+  ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNot  
   FoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS C:\xampp\htdocs\laravel_sample>  [npm : install] && [npm : run dev]
発生場所 行:1 文字:6
+  [npm : install] && [npm : run dev]
+      ~
属性または type リテラルの最後に ] がありません。
発生場所 行:1 文字:7
+  [npm : install] && [npm : run dev]
+       ~
式またはステートメントのトークン ':' を使用できません。
発生場所 行:1 文字:18
+  [npm : install] && [npm : run dev]
+                  ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
発生場所 行:1 文字:25
+  [npm : install] && [npm : run dev]
+                         ~
属性または type リテラルの最後に ] がありません。
発生場所 行:1 文字:21
+  [npm : install] && [npm : run dev]
+                     ~~~~
式は、パイプラインの最初の要素としてのみ許可されます。
発生場所 行:1 文字:26
+  [npm : install] && [npm : run dev]
+                          ~
式またはステートメントのトークン ':' を使用できません。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : EndSquareBracketExpectedAtEndOfAttribute     

PS C:\xampp\htdocs\laravel_sample>  [npm] : install && [npm] : run dev
発生場所 行:1 文字:8
+  [npm] : install && [npm] : run dev
+        ~
式またはステートメントのトークン ':' を使用できません。
発生場所 行:1 文字:18
+  [npm] : install && [npm] : run dev
+                  ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
発生場所 行:1 文字:21
+  [npm] : install && [npm] : run dev
+                     ~~~~~
式は、パイプラインの最初の要素としてのみ許可されます。
発生場所 行:1 文字:27
+  [npm] : install && [npm] : run dev
+                           ~
式またはステートメントのトークン ':' を使用できません。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : UnexpectedToken

PS C:\xampp\htdocs\laravel_sample> [npm] install && [npm] run dev    
発生場所 行:1 文字:7
+ [npm] install && [npm] run dev
+       ~~~~~~~
式またはステートメントのトークン 'install' を使用できません。
発生場所 行:1 文字:15
+ [npm] install && [npm] run dev
+               ~~
トークン '&&' は、このバージョンでは有効なステートメント区切りではありませ 
ん。
発生場所 行:1 文字:18
+ [npm] install && [npm] run dev
+                  ~~~~~
式は、パイプラインの最初の要素としてのみ許可されます。
発生場所 行:1 文字:24
+ [npm] install && [npm] run dev
+                        ~~~
式またはステートメントのトークン 'run' を使用できません。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRec  
   ordException
    + FullyQualifiedErrorId : UnexpectedToken

行動規範の内容に同意します

回答1件

自己解決

node.jsをインストールした後にVS.Codeを再起動していなかったのが原因だったようです。VS.Codeを再起動してinstallとrun devを別々に入力したらできました。しかし'&&'問題についてはまだ分かっていないので分かる方がいれば教えてください。

投稿2022/09/24 08:45

kpby2751

総合スコア19

m.ts10806

2022/09/24 22:57

>Please run [npm install && npm run dev] to compile your fresh scaffolding. このときの&＆は「と」という意味で、そのままコマンド実行するような指示ではないのでは？つまり、 npm install npm run dev と分けて1個ずつ実行するという意味。 OSによっては&&はサポートしてないかもしれません（エラーからすると） https://qiita.com/egawa_kun/items/714394609eef6be8e0bf

行動規範の内容に同意します