Magento 2.2.5 - JS errors in console only on Hard Fresh(Ctrl+F5)
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
The above issues occur only on hard refresh(Ctrl+F5) and not on normal refresh(F5).
Can anyone help me to fix this?
magento2 error console
asked 15 hours ago
Ejilarasan JEjilarasan J
398
add a comment |
The above issues occur only on hard refresh(Ctrl+F5) and not on normal refresh(F5).
Can anyone help me to fix this?
magento2 error console
asked 15 hours ago
Ejilarasan JEjilarasan J
398
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago
add a comment |
The above issues occur only on hard refresh(Ctrl+F5) and not on normal refresh(F5).
Can anyone help me to fix this?
magento2 error console
asked 15 hours ago
Ejilarasan JEjilarasan J
398
The above issues occur only on hard refresh(Ctrl+F5) and not on normal refresh(F5).
Can anyone help me to fix this?
magento2 error console
magento2 error console
asked 15 hours ago
Ejilarasan JEjilarasan J
398
asked 15 hours ago
Ejilarasan JEjilarasan J
398
asked 15 hours ago
Ejilarasan JEjilarasan J
398
asked 15 hours ago
Ejilarasan JEjilarasan J
398
asked 15 hours ago
Ejilarasan JEjilarasan J
398
398
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago
add a comment |
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago
add a comment |
1 Answer
1
active
oldest
votes
I have implement flexslider feature by the below way,
Try this,
First Step : Add the source files which is required for flexslider implementation.
- Add jquery.flexslider.js to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/js/jquery.flexslider.js
- Add jquery.flexslider.css to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/css/flexslider.css
then add css into your store
app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default_head_blocks.xml
then add the below code to it
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/flexslider.css" />
</head>
</page>
Second Step : Implementation of flexslider feature in to your store
- Add requirejs-config.js to the below path.
app/design/frontend/{PackageName}/{ThemeName}/requirejs-config.js
and add the below code in it
var config = {
paths: {
'flexslider': 'js/jquery.flexslider'
},
shim: {
'flexslider': {
deps: ['jquery']
},
}
};
- Final step is to trigger the js wherever you want in my case, I would need it in all the pages so I triggered it in header.phtml inside the theme.
Script to trigger the external js
require(['jquery','flexslider'],function($) {
$(window).load(function () {
/*flexslider code*/
});
});
Hope it helps anyone, who's trying to add external js to their store. It would be any external script it may owl carousel or box slider js extension etc..,
Peace :)
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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%2fmagento.stackexchange.com%2fquestions%2f268949%2fmagento-2-2-5-js-errors-in-console-only-on-hard-freshctrlf5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I have implement flexslider feature by the below way,
Try this,
First Step : Add the source files which is required for flexslider implementation.
- Add jquery.flexslider.js to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/js/jquery.flexslider.js
- Add jquery.flexslider.css to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/css/flexslider.css
then add css into your store
app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default_head_blocks.xml
then add the below code to it
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/flexslider.css" />
</head>
</page>
Second Step : Implementation of flexslider feature in to your store
- Add requirejs-config.js to the below path.
app/design/frontend/{PackageName}/{ThemeName}/requirejs-config.js
and add the below code in it
var config = {
paths: {
'flexslider': 'js/jquery.flexslider'
},
shim: {
'flexslider': {
deps: ['jquery']
},
}
};
- Final step is to trigger the js wherever you want in my case, I would need it in all the pages so I triggered it in header.phtml inside the theme.
Script to trigger the external js
require(['jquery','flexslider'],function($) {
$(window).load(function () {
/*flexslider code*/
});
});
Hope it helps anyone, who's trying to add external js to their store. It would be any external script it may owl carousel or box slider js extension etc..,
Peace :)
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
add a comment |
I have implement flexslider feature by the below way,
Try this,
First Step : Add the source files which is required for flexslider implementation.
- Add jquery.flexslider.js to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/js/jquery.flexslider.js
- Add jquery.flexslider.css to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/css/flexslider.css
then add css into your store
app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default_head_blocks.xml
then add the below code to it
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/flexslider.css" />
</head>
</page>
Second Step : Implementation of flexslider feature in to your store
- Add requirejs-config.js to the below path.
app/design/frontend/{PackageName}/{ThemeName}/requirejs-config.js
and add the below code in it
var config = {
paths: {
'flexslider': 'js/jquery.flexslider'
},
shim: {
'flexslider': {
deps: ['jquery']
},
}
};
- Final step is to trigger the js wherever you want in my case, I would need it in all the pages so I triggered it in header.phtml inside the theme.
Script to trigger the external js
require(['jquery','flexslider'],function($) {
$(window).load(function () {
/*flexslider code*/
});
});
Hope it helps anyone, who's trying to add external js to their store. It would be any external script it may owl carousel or box slider js extension etc..,
Peace :)
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
add a comment |
I have implement flexslider feature by the below way,
Try this,
First Step : Add the source files which is required for flexslider implementation.
- Add jquery.flexslider.js to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/js/jquery.flexslider.js
- Add jquery.flexslider.css to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/css/flexslider.css
then add css into your store
app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default_head_blocks.xml
then add the below code to it
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/flexslider.css" />
</head>
</page>
Second Step : Implementation of flexslider feature in to your store
- Add requirejs-config.js to the below path.
app/design/frontend/{PackageName}/{ThemeName}/requirejs-config.js
and add the below code in it
var config = {
paths: {
'flexslider': 'js/jquery.flexslider'
},
shim: {
'flexslider': {
deps: ['jquery']
},
}
};
- Final step is to trigger the js wherever you want in my case, I would need it in all the pages so I triggered it in header.phtml inside the theme.
Script to trigger the external js
require(['jquery','flexslider'],function($) {
$(window).load(function () {
/*flexslider code*/
});
});
Hope it helps anyone, who's trying to add external js to their store. It would be any external script it may owl carousel or box slider js extension etc..,
Peace :)
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
I have implement flexslider feature by the below way,
Try this,
First Step : Add the source files which is required for flexslider implementation.
- Add jquery.flexslider.js to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/js/jquery.flexslider.js
- Add jquery.flexslider.css to the below path
app/design/frontend/{PackageName}/{ThemeName}/web/css/flexslider.css
then add css into your store
app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default_head_blocks.xml
then add the below code to it
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/flexslider.css" />
</head>
</page>
Second Step : Implementation of flexslider feature in to your store
- Add requirejs-config.js to the below path.
app/design/frontend/{PackageName}/{ThemeName}/requirejs-config.js
and add the below code in it
var config = {
paths: {
'flexslider': 'js/jquery.flexslider'
},
shim: {
'flexslider': {
deps: ['jquery']
},
}
};
- Final step is to trigger the js wherever you want in my case, I would need it in all the pages so I triggered it in header.phtml inside the theme.
Script to trigger the external js
require(['jquery','flexslider'],function($) {
$(window).load(function () {
/*flexslider code*/
});
});
Hope it helps anyone, who's trying to add external js to their store. It would be any external script it may owl carousel or box slider js extension etc..,
Peace :)
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
edited 15 hours ago
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
answered 15 hours ago
Prathap GunasekaranPrathap Gunasekaran
1,7261618
1,7261618
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
add a comment |
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Thanks a lot. Let me check the above points and reach you.
– Ejilarasan J
15 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
Not working as expected. Still, the issue exists.
– Ejilarasan J
14 hours ago
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- 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%2fmagento.stackexchange.com%2fquestions%2f268949%2fmagento-2-2-5-js-errors-in-console-only-on-hard-freshctrlf5%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
You've to add dependencies to requirejs-config.js like below answer, try to implement external js in such a way @EjilarasanJ
– Prathap Gunasekaran
15 hours ago