Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Quill Not Defined #67

Closed
abbasmashaddy72 opened this issue Nov 29, 2022 · 4 comments
Closed

Quill Not Defined #67

abbasmashaddy72 opened this issue Nov 29, 2022 · 4 comments
Labels
bug Something isn't working

Comments

@abbasmashaddy72
Copy link

Laravel Form Components Version

7.1

Laravel Version

9.19

Alpine Version

3.4.2

Bug description

Errors:
Uncaught ReferenceError: quill is not defined

Uncaught ReferenceError: value is not defined

Warning:
Alpine Expression Error: quill is not defined

Alpine Expression Error: value is not defined

Steps to reproduce

Installed Latest Laravel Project using with vite

Followed the instruction given in Docs.

Tried 2 Methods of import of quill, but none works, same issue returns

Please Check for logs Below
Please Not I am not using the Vue it is just the extension from Chrome.

npc.test-1669704065994.log

Relevant log output

The Log Output File has been Provided Above.
@abbasmashaddy72 abbasmashaddy72 added the bug Something isn't working label Nov 29, 2022
@tweekah
Copy link

tweekah commented Dec 29, 2022

Having the same issue, any fixes jet?

@tweekah
Copy link

tweekah commented Dec 30, 2022

Problem is with webpack, L9 uses vite as default so form-components.js is not loaded.

@tweekah
Copy link

tweekah commented Dec 30, 2022

Seem to have found a solution for now; add './vendor/rawilk/laravel-form-components/dist/form-components.js', to the laravel input plugins of your vite config, then add @vite('vendor/rawilk/laravel-form-components/dist/form-components.js') to your blade view where you're using the form components

@rawilk
Copy link
Owner

rawilk commented Mar 17, 2023

You shouldn't need to resort to adding the package's JS files to your build pipeline, even in v7. I've never had an issue myself loading the package's scripts alongside of using vite in a laravel app.

I've released v8 of the package today, which I know for sure works in a Laravel 10.x app that uses vite, since I used a brand new app to test it out as I was developing the new release. I've also changed the build process for the package's scripts from webpack to rollup, but that really shouldn't make a difference.

I'm going to close this issue, but feel free to re-open if you're still having issues with this.

@rawilk rawilk closed this as completed Mar 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants