problem adding css toolkit like tachyons to next.js project - css

for training purpose I have created a ropo-Friend web app as a csr , now for the same purposes I am tring to recreate the same project using next.js this time as a great tool for ssr projects and I really have nightmares importing css addons like tachyons or even ./......css files that I created my self and attach it to the project
it keeps showing me error message and as new next developer I can't solve this problem
I am gonna attach my error message.

Related

NextJS to ElectronJS

I have a web app in NextJS and TypeScript working fine. Now, I want to move it to ElectonJS so I can move from the web and create desktop app versions. I have tried different approaches but nothing worked for me. I also failed to find a good documentation or article about migrating NextJS to ElectronJS.
I am using nextron but I can also use some other if recommended.
Approach 1: I created a new nextron app using "yarn create nextron-app my-app basic-typescript" command as mentioned on nextron guide. Then I moved the whole code inside the renderer directory but it is showing an error when I compile. Error in Approach 1
Approach 2: I created a dummy nextron app and install all necessary dependencies there, then I copied the files, dependencies etc to my NextJS app and moved the pages folder to renderer along with the necessary files but it is also showing error.Error in Approach 2
My NextJS App
Can anyone help please?

Adding template to existing React Application

I have a medium experience in developing applications with React, and up to study and experience I have always used very basic layouts, creating components and styling with a .css file
Currently I want to start using the various react templates that I find online, such as:
"Connect Plus React Free Admin Template" etc.
This is the first time I try to integrate a template into an existing application.
So I tried to copy from the template what I needed and then bring it back to my application.
Then update package.json and package-lock.json and run npm install.
Unfortunately, then starting the app with npm start it broke and did not start anymore.
Do you have any tips, advice or guides on how to do this?

Vue 3 local component library (sfc) development not working due to Plugins not reloading

I need help. I'm developing a vue-3 (Quasar/Electron) app with a separate component library. What I'm trying to get working is to develop the component library locally alongside the main app with hot reload.
It's pretty simple, I already have the component library configured as a Vue plugin. If I push to NPM and add it to my project as an npm dependency, everything works fine. What doesn’t work is when I use yarn link to symlink locally and then add it the same way:
import { MyComponentLib } from 'my-component-lib';
app.use(MyComponentLib);
This worked fine on vue-2 as any changes to the local component lib would get reloaded and immediately shown during development. However with vue-3, you can only load a plugin once (even in development). After the first load you will get a warning: "[Vue warn]: Plugin has already been applied to target app.".
You basically need to restart the app everytime to see changes to your local component library. Does anyone know how to get around this?

My node.js webapp (with bootsrap) works locally but not on my express server

I'm trying to develop a real estate web app. I downloaded html/css theme from envato and they look great locally... not so much on my express server (running on my host machine).
I get this error
As soon as I take out
"var bootstrap = require('bootstrap');"
my website loads but website layout is off. Anyone else experience this problem before?
Require is a built-in function for Node.js to load modules. See What is this Javascript "require"? for more info about require.
But in short when you remove var bootstrap = require('bootstrap'), you are not allowing your code to access the bootstrap module thus removing the bootstrap styling for the app.

My styles from Pixate-Freestyle not styling my views in rubymotion

I am a beginner trying to use RubyMotion-PixateFreestyle, I have installed the gem, added the framework to \vendor and i run the simulator. I don't receive any errors but still the css has no effect on my views.
As example just I try adding the pixate freestyle to the timer app coming with rubymotion which is used as an example here: Pixate-freestyle
I have followed every step of the instructions, my app builds without errors but my changes to the views doesn't show up.

Resources