stripe/Laravelの単発決済機能でボタンを押すとCannot charge a customer that has no active card　というエラーが出る

Laravelで有料記事を投稿できる機能を作っています。
Stripeに登録してSTRIPE＿KEYやSTRIPE_SECRETも取得しました。
以下のコードで設置した決済ボタンを押すとCannot charge a customer that has no active card　というエラーが出ます。何が原因だと考えられるでしょうか？

html

<form action="{{ asset('pay') }}" method="POST">
    {{ csrf_field() }}
 <script
     src="https://checkout.stripe.com/checkout.js" class="stripe-button"
     data-key="{{ env('STRIPE_KEY') }}"
     data-amount="500"
     data-name="Stripe Demo"
     data-label="決済をする"
     data-description="これはデモ決済です"
     data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
     data-locale="auto"
     data-currency="JPY">
 </script>
</form>

route

Route::post('/pay', 'App\Http\Controllers\PaymentController@pay')->middleware('auth');<-このmiddlewareはログインユーザーがアクセスした時に登録画面に飛ばしています

Controller

<?php

namespace App\Http\Controllers;
use Stripe\Stripe;
use Stripe\Customer;
use Stripe\Charge;
use Illuminate\Http\Request;

class PaymentController extends Controller
{
    public function pay(Request $request){
        try{
        Stripe::setApiKey(env('STRIPE_SECRET'));
        $customer = Customer::create(array(
            'email' => $request->stripeEmail,
            'source' => $request->stripeToken
        ));
          $charge = Charge::create(array(
               'customer' => $customer->id,
               'amount' => 500,
               'currency' => 'jpy',
               'payment_method_types' => ['card'],
               'source'=> request()->stripeToken,
           ));
         return back();
        } catch (\Exception $ex) {
            return $ex->getMessage();
        }
        }
}

よろしくお願いします。