Save Images: Unhandled Promise Rejection: TypeError

[StanBarrows]

After that I've created an Object with an Image, I'm not able to update the Model without selecting a new Image. Evena Image is already attached to the Model.

Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating 'e.t0.response.status')

   Image::make('Member Photo')
                ->sortable()
                ->rules('required','image')
                ->disk('public'),

Safari: Version 11.1.2 (13605.3.8)

[v1nk0]

A problem exists if you add the rule "required", because always need to send an image (at least at the moment, same goes for file and avatar field-type) The fact that an image (or file / avatar) is already present does not affect the "required"-rule.
See #353

In Firefox and Chrome (macOS) this is at least clear as normal validation errors are shown.
In Safari (macOS) though, no validation errors are shown. Instead, the console shows a js-error:

It seems to be the same error as @StanBarrows gets.

Clicking on that errors shows following error-position:

And stack trace:

-> The Safari error also occurs when the image (or file / avatar) field is not set to "required" by a rule.

[krisons]

Same problem. Safari on Mac

[sijones-uk]

Also seeing this problem, Firefox 61.0.2 on a PC. Chrome on a PC is fine. If you select an image you can save the model, but if you edit a model with an existing image, you can't save it.

I wasn't able to find a workaround, which is a bit of a problem if you want to use an Image/Avatar field.

[weeman1337]

Same with Firefox 62.0

[AegirLeet]

The real error is

TypeError: "Argument 2 of FormData.append is not an object."

Triggered in FileField.vue (the formData.append(...) bit).

[v1nk0]

@AegirLeet did you manage to make a workaround?

This problem is making it impossible to use Firefox or Edge (I even believe it only works without problems if you use Chrome) as soon as a File field (this includes Image and Avatar) is on a resource and a new file is not necessarily needed each time you update a record of this resource.

Problem still occurs with the latest Nova (v1.0.15)

[AegirLeet]

@v1nk0 In FileField.vue, look for the formData.append(...) and replace it with

if (this.file) {
    formData.append(...)
}

Seems to be working so far.

[v1nk0]

@AegirLeet maybe stupid question, but how do I recompile the .js-file of Nova after I made that change in the .vue-file (nova/resources/js/components/Form/FileField.vue) ?

[AegirLeet]

@v1nk0 Copy the webpack.mix.js.dist to webpack.mix.js and run npm run prod - just like a regular Laravel application.
Then just copy everything from public/ to your application's public/nova-assets/.

[v1nk0]

@v1nk0 Copy the webpack.mix.js.dist to webpack.mix.js and run npm run prod - just like a regular Laravel application.
Then just copy everything from public/ to your application's public/nova-assets/.

Yes, did that first step.
I think it's too late already, I just forgot to install dependencies first 🤫. Works now.... of course....

[laurencei]

I've got this same issue. v1.0.16

[DonDiegoAA]

I'm probably miss something here, but why don't you use creationRules and updateRules ?

Avatar::make('Image')->disk('public')
                ->creationRules('required', 'image','mimes:jpg,jpeg,png,gif')
                ->updateRules('nullable', 'image','mimes:jpg,jpeg,png,gif'),

[v1nk0]

@DonDiegoAA this issue has nothing to do with the required-rule.
Even if you don't set the field to be required, the error occurs (at least with when not using Chrome)

[DonDiegoAA]

Ok, I see that on Firefox too now, sorry I should have read better.

[cdupoiron]

same issue on 1.1 and 1.1.1 on FF

[laurencei]

Yeah - I checked as well.

Latest Nova versions 1.1.1 on Firefox - promises error
Same website/page on Chrome - no issue

[tufankilicaslan]

Same issue here: (nova version 1.0.19)

Avatar field with following details:

Avatar::make('Avatar')->disk('public') ->path('avatar') ->prunable() ->hideWhenCreating() ->rules('nullable'),

is giving the following error on FF: ( Firefox version 62.0 (64-bit) for Ubuntu)

Unhandled promise rejection TypeError: "_context2.t0.response is undefined" _callee2 http://laravel.local/vendor/nova/vendor.js?id=a17854ec0fcced7c87f7:95225:15 app.js:28755:11 onUnhandled

It's working good on Chrome.

[eblount]

Confirm that the issue still exists in 1.1.3 on Firefox

[vootrunner]

The issue still exists in 1.1.3 on Safari too

[ghost]

The issue still exists in 1.1.4 on Safari and Firefox

[davidhemphill]

This has been fixed and will be included in an upcoming release. Sorry it took so long!

[laurencei]

@davidhemphill - any chance the next release can be tagged with this fix?

[nickpoulos]

Is this fix available to use yet? I believe I am using the latest Nova release but I am still seeing this bug.

[laurencei]

@nickpoulos - no unfortunately.

It'll be in the "next" release of Nova (ETA unknown)

[sabid]

Please help, whit this BUG.

[alberto-bottarini]

Any news?
I'm still having this error: Unhandled promise rejection TypeError: "e.t0.response is undefined; can't access its "status" property"

[jakobfdev]

// EDIT: Had a problem with third party field. Done.
Naxon/nova-field-sortable#16

[ceejayoz]

@jboka Thanks, this was our issue as well.

[sanasol]

Regression probably

v1.3.2

again same error