Gatsby / Netlify Styles wont show? - javascript

When I'm using the Gatsby starter https://www.gatsbyjs.org/starters/gatsby-starter-business Locally I see all the styles fine and everything works. When i deploy to Netlify I don't get any css to show up! I can't seem to figure out why?
Here is the Netlify link https://nostalgic-boyd-5136cc.netlify.com/ and repo https://github.com/mikeytown19/cftc Thanks in advance

There is a conflict with a module in your project (package.json) using the version 1.x of Gatsby using "gatsby-plugin-sass": "^1.0.26" and having node-sass.
Solution:
yarn remove node-sass
node-sass is a peer dependency in the version 2.x of gatsby-plugin-sass plugin. This is not the case in version 1.x

Related

React Storybook blank page when run

I am trying to load the demo storybook stories.
I created a react app using create-react-app and run npm start. It starts on port: 3000.
Then when I run npm run storybook, it opens a browser on port:6006. But displays a blank page only.
What helped me was to run
rm yarn.lock
yarn install
after installing storybook into my project
Apparently react has upgraded to version 17.0.0, but storybook hasn't made the switch yet.
If you take version 16.14.0 of react it should work.
https://www.youtube.com/watch?v=fjb_QcQhRrs
If you wanna stay on react version 17 then you could upgrade storybook to prelease by doing
npx sb#next upgrade --prerelease
for additional information please refer GitHub issue #12408
Try to clear your browser cache. It resolved my issue.
npm ci saved the day for me and fixed the issue
My problem was because I updated #storybook/preset-create-react-app too and it seems I shouldn't have.
When #storybook/preset-create-react-app was reverted back to initial version 3.2.0 in my case, and #storybook/react updated to latest ^6.5.4 - everything was fine.

issue while adding react-dropzone to react-16.13.1 project

I want to add https://www.npmjs.com/package/react-dropzone to a React project written in TypeScript. And I am using the Yarn package manager.
So I hit the command yarn add #types/react-dropzone, which actually installs another deprecated package https://www.npmjs.com/package/#types/react-dropzone.
Currently in my package.json ->
"#types/react-dropzone": "^5.1.0"
I found something is wrong when I saw it working in Firefox but not in Chrome.
How can I install the actual package(https://www.npmjs.com/package/react-dropzone)?
As npm site says, you dont need #types/react-dropzone because the original package now contains everything needed.

React npm start issue - node.js latest version

I have installed the latest version of node.js and tried to create my very first react application.The applications gets created fine.but when i navigate to the application and try to use the command npm start,it throws an error.I have tried to remove the npm_modules,update npm,npm install create-react-app command.Still the problem persists.Any idea or suggestion will be very helpful!Thanks in advance!
Well the issue is resolved..i just had to set my path variable to c:\windows\system32
using the command PATH=%PATH%;c:\windows\system32!Thanks for all those who tried to help me!
If you use CRA, it is recommended to use npx instead of npm.
npx create-react-app myapp

Laravel Vue.js application not running

I have a serious problem on running Laravel + Vue.js new applications. I tried that on a 50% developed app and also on a brand new Laravel instalation and that shows the same error. After installing the Laravel and going into php artisan serve i start a common routine to start Vue.js within that Laravel application, which means NPM RUN INSTALL and right after NPM RUN DEV. This is what the errors show me:
I have tried all possible solutions found on previous posts on Stack Overflow and Github but the error persists. I have a node version 10.15.1 and the latest Laravel scaffold. Any thoughts on what might be happening? Im at the point of giving up using a scaffold Vue.js and instead using it as stand alone.
Thank you!
It seems like, It fails while vue-template-compiler package getting install through yarn.
It might be issue with yarn in your system.
Try to first install vue-template-compiler through NPM:
npm install vue-template-compiler
Then try again with npm run dev.
I hope this will help.

Ionic Serve doesn't work properly?

Ionic server doesn't work properly
why doesn't it display it properly? Is it Ionics fault or my browser (Google Chrome)
It is a problem with the actual #ionic/app-scripts version.
You need to downgrade your app-scripts version like so: npm install #ionic/app-scripts#1.3.7 --save-dev
See here: GitHub Issue

Categories

Resources