my first react-app
error in dev-console:
VM4091:1 Uncaught SyntaxError: Unexpected token ':'
at a (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:254:358)
at a.c._inlineJS (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:255:1551)
at b (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:255:1002)
at xyCIQCGmYe4.js?_nc_x=JMPQFHF0fM0:14:3616
at Array.forEach (<anonymous>)
at j (xyCIQCGmYe4.js?_nc_x=JMPQFHF0fM0:14:3596)
at Object.appendContent (xyCIQCGmYe4.js?_nc_x=JMPQFHF0fM0:14:2032)
at Object.setContent (xyCIQCGmYe4.js?_nc_x=JMPQFHF0fM0:14:1880)
at b.<anonymous> (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:39:2329)
at qg (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:58304)
at Pj (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:118010)
at Oj (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:117570)
at Nj (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:117105)
at Lk (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:127623)
at Kk (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:126938)
at xk (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:123399)
at Sf (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:52366)
at qk (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:120184)
at Object.enqueueSetState (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:59:58710)
at b.a.setState (9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:58:1753)
at 9V7BbjlzW3O.js?_nc_x=JMPQFHF0fM0:39:2237
at AsyncRequest._dispatchResponse (x9ZrO_yAkJs.js?_nc_x=JMPQFHF0fM0:16:6351)
at Object.applyWithGuard (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:58:9982)
at AsyncRequest.c (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:58:10686)
at x9ZrO_yAkJs.js?_nc_x=JMPQFHF0fM0:15:84
at e (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:322:291)
at Object.applyWithGuard (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:58:9982)
at d (-dmZoFVRvhD.js?_nc_x=JMPQFHF0fM0:296:2252)
I need help so the errors disappear from developer toolbar console tab.
Thank you,
The error exist only when i use:
<FacebookProvider appId="someAppId">
<Page
href="http://www.facebook.com/somePage"
tabs="timeline"
/>
</FacebookProvider>
package.json:
{
"name": "kpw",
"version": "0.1.0",
"private": true,
"typings": "./global.d.ts",
"babel": {
"presets": [
"@babel/preset-env",
"@babel/preset-react"
]
},
"dependencies": {
"@babel/cli": "^7.16.8",
"@babel/core": "^7.16.10",
"@babel/preset-env": "^7.16.11",
"@babel/preset-react": "^7.16.7",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.16",
"@testing-library/jest-dom": "^5.16.1",
"@testing-library/react": "^12.1.2",
"@testing-library/user-event": "^13.5.0",
"@types/react-router-dom": "^5.3.3",
"bootstrap": "^5.1.3",
"eslint-import-resolver-typescript": "^2.5.0",
"prop-types": "^15.8.1",
"react": "^17.0.2",
"react-bootstrap": "^2.1.0",
"react-dom": "^17.0.2",
"react-facebook": "^8.1.4",
"react-router": "^6.2.1",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/react": "^17.0.38",
"eslint": "^8.6.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.28.0",
"prettier": "^2.5.1"
}
}
eslint.js:
{
“env”: {
“browser”: true,
“es6”: true,
“es2021”: true,
“jest”: true,
“node”: true
},
“extends”: [
“eslint:recommended”,
“plugin:react/recommended”,
“plugin:prettier/recommended”
],
“parserOptions”: {
“ecmaFeatures”: {
“jsx”: true
},
“ecmaVersion”: 13,
“sourceType”: “module”
},
“plugins”: [
“react”
],
“settings”: {
“import/resolver”: {
“typescript”: {}
}
},
“rules”: {
“react/react-in-jsx-scope”: “off”,
“react/jsx-filename-extension”: [
1,
{
“extensions”: [
“.js”,
“.jsx”
]
}
],
“react/forbid-prop-type”: [
0,
{
“forbid”: [
“any”
]
}
],
“react/self-closing-comp”: [
“error”,
{
“component”: true,
“html”: true
}
],
“prettier/prettier”: [
“error”,
{
“singleQuote”: true,
“parser”: “flow”
}
]
}
}