Mixing
Fed up with Laravel's 5.7 webpack mix: $(…).datepicker() is not a function
So there are at least 3 questions on here about how to do this and they all link back to to the same blog article that doesn't work.
This is in my jquery.js file:
import $ from 'jquery';
window.$ = window.jQuery = $;
import 'jquery-ui/ui/widgets/datepicker.js';
If I load from the CDN instead of locally, it works just fine. If I try and import from NPM, $(...).datepicker() is not a function. #DumpsterFire.
The only thing I am changing is the path to jquery-ui in my script tag and commenting out the import. Yes, I recompiled the assets and yes caching is disabled.
javascript jquery laravel jquery-ui
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
add a comment |
So there are at least 3 questions on here about how to do this and they all link back to to the same blog article that doesn't work.
This is in my jquery.js file:
import $ from 'jquery';
window.$ = window.jQuery = $;
import 'jquery-ui/ui/widgets/datepicker.js';
If I load from the CDN instead of locally, it works just fine. If I try and import from NPM, $(...).datepicker() is not a function. #DumpsterFire.
The only thing I am changing is the path to jquery-ui in my script tag and commenting out the import. Yes, I recompiled the assets and yes caching is disabled.
javascript jquery laravel jquery-ui
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
Have you setup jquery atwebpack.mix.js?
– Calos Kao
Jan 3 at 2:17
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36
add a comment |
So there are at least 3 questions on here about how to do this and they all link back to to the same blog article that doesn't work.
This is in my jquery.js file:
import $ from 'jquery';
window.$ = window.jQuery = $;
import 'jquery-ui/ui/widgets/datepicker.js';
If I load from the CDN instead of locally, it works just fine. If I try and import from NPM, $(...).datepicker() is not a function. #DumpsterFire.
The only thing I am changing is the path to jquery-ui in my script tag and commenting out the import. Yes, I recompiled the assets and yes caching is disabled.
javascript jquery laravel jquery-ui
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
So there are at least 3 questions on here about how to do this and they all link back to to the same blog article that doesn't work.
This is in my jquery.js file:
import $ from 'jquery';
window.$ = window.jQuery = $;
import 'jquery-ui/ui/widgets/datepicker.js';
If I load from the CDN instead of locally, it works just fine. If I try and import from NPM, $(...).datepicker() is not a function. #DumpsterFire.
The only thing I am changing is the path to jquery-ui in my script tag and commenting out the import. Yes, I recompiled the assets and yes caching is disabled.
javascript jquery laravel jquery-ui
javascript jquery laravel jquery-ui
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
asked Jan 3 at 0:06
Alex BarkerAlex Barker
2,30311833
2,30311833
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
Have you setup jquery atwebpack.mix.js?
– Calos Kao
Jan 3 at 2:17
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36
add a comment |
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
Have you setup jquery atwebpack.mix.js?
– Calos Kao
Jan 3 at 2:17
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
Have you setup jquery at
webpack.mix.js?– Calos Kao
Jan 3 at 2:17
Have you setup jquery at
webpack.mix.js?– Calos Kao
Jan 3 at 2:17
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54014779%2ffed-up-with-laravels-5-7-webpack-mix-datepicker-is-not-a-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54014779%2ffed-up-with-laravels-5-7-webpack-mix-datepicker-is-not-a-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
So, quite literally by magic, this started working after a cigarette break... same code, didn't even rebuild it and it auto-magically starts working. #ReproducibleResults
– Alex Barker
Jan 3 at 0:30
after building do double check the js file manually.
– Bagus Tesa
Jan 3 at 1:05
Have you setup jquery at
webpack.mix.js?– Calos Kao
Jan 3 at 2:17
Yes, webpack.mix.js hadn't changed... just auto magic.
– Alex Barker
Jan 3 at 19:36