cra-with-ssr's People
cra-with-ssr's Issues
i have problem with image linking
Successfully compiled 3 files with Babel.
internal/modules/cjs/loader.js:583
throw err;
^
Error: Cannot find module '../../assets/
Hooks error while following Medium post
Next error is listed while following section 3 in Medium guide
Error: Failed to lookup view "error" in views directory "/fullPath/server/lib/views"
at Function.render (/fullPath/server/node_modules/express/lib/application.js:580:17)
at ServerResponse.render (/fullPath/server/node_modules/express/lib/response.js:1008:7)
at /fullPath/server/lib/app.js:48:7
at Layer.handle_error (/fullPath/server/node_modules/express/lib/router/layer.js:71:5)
at trim_prefix (/fullPath/server/node_modules/express/lib/router/index.js:315:13)
at /fullPath/server/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/fullPath/server/node_modules/express/lib/router/index.js:335:12)
at next (/fullPath/server/node_modules/express/lib/router/index.js:275:10)
at Layer.handle_error (/fullPath/server/node_modules/express/lib/router/layer.js:67:12)
at trim_prefix (/fullPath/server/node_modules/express/lib/router/index.js:315:13)
After looking into different files this error was found from react-renderer.js
file
Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
- You might have mismatching versions of React and the renderer (such as React DOM)
- You might be breaking the Rules of Hooks
- You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
at /fullPath/client/node_modules/react/cjs/react.development.js:1607:26
at resolveDispatcher (/fullPath/client/node_modules/react/cjs/react.development.js:1610:5)
at useMemo (/fullPath/client/node_modules/react/cjs/react.development.js:1660:20)
at ConnectFunction (/fullPath/client/node_modules/react-redux/lib/components/connectAdvanced.js:131:41)
at processChild (/fullPath/server/node_modules/react-dom/cjs/react-dom-server.node.development.js:3227:14)
at resolve (/fullPath/server/node_modules/react-dom/cjs/react-dom-server.node.development.js:3147:5)
at ReactDOMServerRenderer.render (/fullPath/server/node_modules/react-dom/cjs/react-dom-server.node.development.js:3631:22)
at ReactDOMServerRenderer.read (/fullPath/server/node_modules/react-dom/cjs/react-dom-server.node.development.js:3565:29)
at renderToString (/fullPath/server/node_modules/react-dom/cjs/react-dom-server.node.development.js:4296:27)
at reactRenderer (/fullPath/server/lib/react-renderer.js:44:13) name: 'Invariant Violation'
Any idea about how to fix it?
i can't use dynamic title with react helmet
i am using react helmet and it suppose to get me the title but nothing sadly when i vie source on chrome
console.log('THE TITLE', helmet.title.toString());
const html = fs
.readFileSync(path.join(BUILD_DIR, 'index.html'), 'utf8')
.replace('__ROOT__', app)
.replace(/<title>.*?<\/title>/g, helmet.title.toString())
res.send(html);
i am trying to do this :
.replace(/<title>.*?<\/title>/g, helmet.title.toString())
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.