Categories
User Help Web Pro

Next.js SEO not appearing in google search deployed to vercel

I recently starting working with next.js to create a SEO friendly Website. I deployed it with vercel but none of my SEO is showing up in google when I search for the website URL. This is my home page which I’ve done SEO work too import Head from ‘next/head’ import React from ‘react’; function HomePage() […]

Categories
Mastering Development

TypeError: Cannot read property ‘getters’ of undefined when serving on Vuex 4 and Vue 3

I am new to Vuex and I have problem. I cannot serve my app properly using npm run serve. I can open the app on localhost but it display nothing, just html body with styled background color. Previously I do npm run build F:\Javascript\CodeHighlighter>npm run build > code-highlighter@0.1.0 build F:\Javascript\CodeHighlighter > vue-cli-service build – Building […]

Categories
Mastering Development

Missing modules used in the passport module in React Native

I’m currently working with Passport.js for sessions in my React Native app. After setting the server up and getting the code ready, I tried to run the app but was faced with a series of odd errors causing the build to fail. First error that shows right after npm run ios is: Error: Unable to […]

Categories
Mastering Development

Tailwindcss not working with next.js; what is wrong with the configuration?

For some reason tailwind is not rendering properly in next.js. I’m wondering if something is wrong with my settings? Styles folder – tailwind.css @tailwind base; @tailwind components; @tailwind utilities; tailwind.config.js const defaultTheme = require(‘tailwindcss/defaultTheme’) module.exports = { theme: { extend: { }, }, plugins: [ require(‘@tailwindcss/ui’), ] } postcss.config.js config module.exports = { plugins: { […]

Categories
Mastering Development

react blank page on route, nginx subdirectory

I have deployed my react app into /var/www/admin/ in nginx with the location config my /etc/nginx/sites-available/default root /var/www/; index index.html; server_name hellonode; location ^~ /assets/ { gzip_static on; expires 12h; add_header Cache-Control public; } location ~/admin/api/(.*)$ { default_type "application/json"; proxy_pass http://localhost:8080/api/$1; } location /admin/ { try_files $uri $uri/ = 404; } The package.json is as […]

Categories
Mastering Development

TypeScript – error TS5023: Unknown compiler option ‘-r’

I’m working on Windows environment and trying to run a forked node.js + typescript project. This is my package.json : { "name": "my-task", "version": "1.0.0", "private": true, "main": "dist/main.js", "scripts": { "start": "tsc-watch –onSuccess ‘node -r source-map-support/register .’", "test": "jest", "lint": "eslint –cache ‘{src,test}/**/*.ts’" }, "dependencies": { "@types/express": "^4.17.7", "@types/node": "^12.12.53", "express": "^4.17.1", "get-port": "^5.1.1", […]

Categories
Mastering Development

my server is no conncting.its shown error

First I install, npx create-react-app amazon-clone then I want to start. so I type npm start but I get an error. my JSON file adds below. { "name": "amazon-clone", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", "react": "^16.13.1", "react-dom": "^16.13.1", "react-scripts": "3.4.3" }, "scripts": { "start": "react-scripts start", "build": "react-scripts […]

Categories
Mastering Development

React Router App gets 404 on reload of subpage – serverless, no webpack

I know this sounds exactly like a couple of older posts, but I’ve been through them, and they didn’t help. I have a very simple React App: http://bentleytech.com. It navigates fine, until you try to reload a page, or if you try to access a page directly, such as: http://bentleytech.com/Contact. Then, you get a 404 […]

Categories
Mastering Development

Webpack –watch no longer updating

Usually it’s sufficient to run npm run watch which in my case runs webpack –watch, however under no circumstances will it accept any of my updates today. I have deleted and rebuilt the dist folder, deleted and recloned/installed the entire repo (H5P Boilerplate), ensured my browser cache is clear (Chrome and Firefox), and restarted the […]

Categories
Mastering Development

Heroku showing error for typescript and React.JS

I just learnt Typescript and tried to push it to Heroku to run online. However, I got this problem. Can anyone help me what is wrong with the configuration? I already have a Profile with web: npm start. { "name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", "@types/jest": "^24.9.1", […]