I'm trying to install a package called 'react-stepzilla'.
I've installed and saved this via NPM and made sure this is included in the .package-json file. All of the files are there too.
I've included the following at the top of my main Component...
import StepZilla from 'react-stepzilla';
But all I get is this message...
https://i.stack.imgur.com/M96Au.png
So I think it's looking in the wrong place for the module. How do I sort that out?
There is no "dist" folder in the NPM package so the module can't be
used in a project.
Current issue on Github
Apologies for this...
There was some regression and the 'dist' folder got left out in a new build.
It will work now.
https://github.com/newbreedofgeek/react-stepzilla/issues/7 is closed.
Make sure you run npm update react-stepzilla to get the latest version.
tnx,
newbreedofgeek (react-stepzilla author)
Related
This is my first question on StackOverflow. So might miss out on detailing, so please correct me if needed.
I am facing an issue with one of my imports in reactJs. The package react-image-video-lightbox.
I installed the package with "npm i react-image-video-lightbox" and also checked the node_modules, the package is present in node_modules as well.
But for some reason, when i run npm start it is still not able to locate the package.
Project Directory
Node Modules (The highlighted one)
The directory structure of react-image-video-lightbox
The error
The way I am importing
Also, shows up in package suggestion
I am not sure what i am doing wrong. My node version is 12.22, npm is 6.14 and reactjs version is ^16.13.
Any help and suggestions are highly appreciated.
Thanks
I saw people explaining that npm init is necessary to create the package.json file. But in my last practice project I forgot to use npm init and the package.json file was created when I used npx create-react-app ...
Can someone help me to understand this, please?
Package.json file is a file where you specify the name of the application ,the version, the licence the dependancies the app needs etc.It is not necessary to do npm init before spinning up a new react project as it comes with a package json file that has the project dependancies and scripts to start/run the app .You can just modify the package json file that comes with the react app to fit your needs.
I am working on a react app with a couple of colleagues, and after the latest pull I am no longer able to compile the app, but my colleagues are not having any issues.
On my end the app fails to compile because some #material-ui components are displayed as missing in the node_modules/#material-ui directory. However, when I search the folder, I see the files there, they are just shown in typescript format instead of js. However, when comparing my working directory with a colleague's it appears there are also files completely missing on my end that exists on theirs.
For example, when the app fails to compile I see this:
Failed to Compile
./node_modules/#material-ui/core/TextField/TextField.js
Module not found: Can't resolve '../FilledInput' in
'..../node_modules/#material-ui/core/TextField'
When I search this folder, the file is there but labelled 'FilledInput.d.ts'.
Has anyone encountered something like this? I have recompiled the app, and deleted the branch and recloned from remote but the issue remains.
Thanks
Have you tried removing node_modules and installing dependencies again?
Does npm install give any peer dependency warnings? Does this help?
npm i #material-ui/core --save
issue-screen-shot
I'm getting this issue it's quite troublesome can anyone please help me out reagarding this issue...
I'm getting this issue when trying to build my react project.
build script screen-shot
node-sass already addedd
To get MDC React Components to work with create-react-app you need to set a SASS_PATH environment variable that points to your node_modules directory. To quickly do this on OS X or Linux enter the following in your command line:
export SASS_PATH=./node_modules
If you're on Windows use the following:
SET SASS_PATH=.\node_modules
Rename your src/App.css file to src/App.scss.
You will also need to install node-sass:
npm install node-sass
I'm trying to use CamanJS with React, I'm installing as a node module with npm install caman per the documentation but I am getting an error. I've tried using require to bring it in, I've also tried import. The package is in my node_modules folder.
Heres the error:
Console Warning:
Any help is very much appreciated!
Yeah, the issue is that fibers is looking for environment variables, but because you're running it in the browser, it can't find them. npm i -s caman is meant to be used with node. Kinda a bummer.