Hello my css is not working while it was working 5 minutes ago, i don't really know what's the problem, and i had this error in console :
bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'fn' of undefined
at bootstrap.min.js:6
at bootstrap.min.js:6
at bootstrap.min.js:6
at bootstrap.min.js:6
(anonymous) # bootstrap.min.js:6
(anonymous) # bootstrap.min.js:6
(anonymous) # bootstrap.min.js:6
(anonymous) # bootstrap.min.js:6
DevTools failed to load source map: Could not parse content for http://localhost:8080/GRH/home/assets/js/bootstrap.min.js.map: Unexpected end of JSON input
Network shows everything is fine
even the linking and paths are good
Go download JQuery , just choose the compressed script
then before your bootstrap script, just insert jquery script before it
Clear Chrome Cache by "Ctrl+Shift+R", if it doesn't work, open your website in incognito tab. Maybe it will work.
Related
I am trying to make a website with a booking form which stores the data in firestore. But I am getting error on loading firebase. The error is given below.
GET http://localhost:5000/__/firebase/8.2.1/firebase-app.js
net::ERR_CONTENT_DECODING_FAILED 200 (OK)
There are several more errors like:
index.ts:79 TypeError: Cannot read property 'INTERNAL' of undefined
at index.ts:41
at index.ts:79
at firebase-analytics.js:1
at firebase-analytics.js:1 (anonymous) # index.ts:79 (anonymous) # firebase-analytics.js:1 (anonymous) # firebase-analytics.js:1
index.ts:79 Uncaught Error: Cannot instantiate firebase-analytics.js -
be sure to load firebase-app.js first.
at index.ts:79
at firebase-analytics.js:1
at firebase-analytics.js:1 (anonymous) # index.ts:79 (anonymous) # firebase-analytics.js:1 (anonymous) # firebase-analytics.js:1
init.js:1 Uncaught Error: hosting/init-error: Firebase SDK not
detected. You must include it before /__/firebase/init.js
at init.js:1 (anonymous) # init.js:1 index.ts:38 TypeError: Cannot read property 'SDK_VERSION' of undefined
at version.ts:21
at index.ts:38
at firebase-firestore.js:1
at firebase-firestore.js:1 (anonymous) # index.ts:38 (anonymous) # firebase-firestore.js:1 (anonymous) # firebase-firestore.js:1
index.ts:38 Uncaught Error: Cannot instantiate firebase-firestore.js -
be sure to load firebase-app.js first.
at index.ts:38
at firebase-firestore.js:1
at firebase-firestore.js:1
I am initializing firebase with these lines:
<script src="/__/firebase/8.2.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/8.2.1/firebase-analytics.js"></script>
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
<script src="/__/firebase/7.14.5/firebase-firestore.js"></script>
What is the reason of it and how can I solve it?
Thanks for any kind of help in advance.
First, you just need to use the same version across all libraries. Mixing v7.14.5 with v8.2.1 is going to cause problems.
Second, this is a known firebase-tools issue and they are saying that updating to 8.2.3 resolves it. So my recommendation is to do the following:
Open a cmd or console window and update firebase-tools to the latest version:
firebase i -g firebase-tools
Update the version number of all of your scripts to 8.2.3.
Getting these error codes on my github pages. I have these as my order of loading scripts:
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/index.js"></script>
Here are the error messages:
GET https://tmolano.github.io/CareerMod4/node_modules/jquery/dist/jquery.js 404 ()
index.html:115 GET https://tmolano.github.io/CareerMod4/node_modules/popper.js/dist/popper.min.js 404 ()
util.js:56 Uncaught TypeError: Cannot read property 'fn' of undefined
at util.js:56
at util.js:10
at bootstrap.min.js:6
at bootstrap.min.js:6
(anonymous) # util.js:56
(anonymous) # util.js:10
(anonymous) # bootstrap.min.js:6
(anonymous) # bootstrap.min.js:6
Heres my page: https://tmolano.github.io/CareerMod4/
Other than the order of loading, what else could be causing this?
Possible reasons for this error:
Uncaught TypeError: Cannot read property 'fn' of undefined
invalid reference to the file addresses or missing files (Your case).
Duplicate reference to the Jquery.
Overriding $ sign of Jquery in 3rd party libraries.
Using Jquery functions before inserting Jquery (Not your case).
Using deprecated syntax for load,error,unload on WINDOW element in jquery without on
I am trying to include react-bootstrap js files into my project for a couple of hours. I am new to react and I will only use it for client side. I tried to include from CDN, could not get it worked (React-Bootsrap Uncaught ReferenceError: require is not defined)
This time I have downloaded packages via npm and then copy whole node_modules folder in my spring boot project.I tried to include files as below, and did not wrote any other code, just included.
<script src="${pageContext.request.contextPath}/node_modules/react/cjs/react.development.js"></script>
<script src="${pageContext.request.contextPath}/node_modules/react-dom/cjs/react-dom.development.js"></script>
<script src="${pageContext.request.contextPath}/node_modules/react-bootstrap/dist/react-bootstrap.js"></script>
However I am getting error below :
react.development.js:14 Uncaught ReferenceError: process is not defined
at react.development.js:14
(anonymous) # react.development.js:14
react-dom.development.js:14 Uncaught ReferenceError: process is not defined
at react-dom.development.js:14
(anonymous) # react-dom.development.js:14
react-bootstrap.js:2218 Uncaught TypeError: Cannot read property 'Component' of undefined
at Object.exports.__esModule (react-bootstrap.js:2218)
at __webpack_require__ (react-bootstrap.js:30)
at Object.exports.__esModule (react-bootstrap.js:450)
at __webpack_require__ (react-bootstrap.js:30)
at Object.exports.__esModule (react-bootstrap.js:62)
at __webpack_require__ (react-bootstrap.js:30)
at exports.__esModule (react-bootstrap.js:50)
at react-bootstrap.js:53
at webpackUniversalModuleDefinition (react-bootstrap.js:9)
at react-bootstrap.js:10
exports.__esModule # react-bootstrap.js:2218
__webpack_require__ # react-bootstrap.js:30
exports.__esModule # react-bootstrap.js:450
__webpack_require__ # react-bootstrap.js:30
exports.__esModule # react-bootstrap.js:62
__webpack_require__ # react-bootstrap.js:30
exports.__esModule # react-bootstrap.js:50
(anonymous) # react-bootstrap.js:53
webpackUniversalModuleDefinition # react-bootstrap.js:9
(anonymous) # react-bootstrap.js:10
1:85 Uncaught ReferenceError: ReactBootstrap is not defined
at 1:85
reset.css Failed to load resource: the server responded with a status of 404 (Not Found)
jquery-migrate.js:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
jquery-migrate.js:45 JQMIGRATE: jQuery.fn.load() is deprecated
migrateWarn # jquery-migrate.js:45
jquery-migrate.js:47 console.trace
migrateWarn # jquery-migrate.js:47
reset.css Failed to load resource: the server responded with a status of 404 (Not Found)
More info:
Some of my plugins' Javascript is not working but only on the home page. I've tried disabling all non-related plugins but this doesn't solve the problem.
jquery-migrate.js appears to be located in wp-includes/js/jquery/. I'm assuming this is the correct file location.
In the very beginning I including a file called reset.css but long ago deleted the file plus any reference to it (for example, in functions.php) so I'm not sure what the issue is there. It is correct that the file is not available but it also shouldn't be looking for it.
Can any tell me step by step what I need to do/change? If any other info necessary please ask! Many thanks.
EDIT: after deactivating debugging in wp-config the console changed to this:
GET http://match.onesquad.nl/wp-content/themes/match-theme/reset.css
jquery-migrate.js?ver=1.4.1:23 JQMIGRATE: Migrate is installed with logging active, version 1.4.1
jquery-migrate.js?ver=1.4.1:45 JQMIGRATE: jQuery.fn.load() is deprecated
migrateWarn # jquery-migrate.js?ver=1.4.1:45
jQuery.fn.(anonymous function) # jquery-migrate.js?ver=1.4.1:560
(anonymous) # (index):368
i # jquery.js?ver=1.12.4:2
fireWith # jquery.js?ver=1.12.4:2
ready # jquery.js?ver=1.12.4:2
K # jquery.js?ver=1.12.4:2
jquery-migrate.js?ver=1.4.1:47 console.trace
migrateWarn # jquery-migrate.js?ver=1.4.1:47
jQuery.fn.(anonymous function) # jquery-migrate.js?ver=1.4.1:560
(anonymous) # (index):368
i # jquery.js?ver=1.12.4:2
fireWith # jquery.js?ver=1.12.4:2
ready # jquery.js?ver=1.12.4:2
K # jquery.js?ver=1.12.4:2
i'm using google's autocomplete to fill address information on vtiger crm contacts module, using almost he exact same code (changing the ids of html elements) works fine in accounts but in contacts (were it worked for few days), without any changes it doesn't wroks... I have some js error in console
Uncaught TypeError: google.maps.\__gjsload__ is not a function(anonymous function) ... places_impl.js
Uncaught TypeError: google.maps.\__gjsload__ is not a function(anonymous function) ... controls.js
Uncaught TypeError: google.maps.\__gjsload__ is not a function(anonymous function) ... utils.js
Uncaught TypeError: google.maps.\__gjsload__ is not a function(anonymous function) ... commons.js
Has someone faced this problem?
It was my mistake, I was including google's api in other html to use a map... sry