I'm running a create-react-app (react 18.2.0) with react-native-web (0.18.10) and storybook (6.5.13) with the addon #storybook/addon-react-native-web (0.0.19). It runs fine with react native code in the App.js file when I run npm run start.
But when I run npm run storybook it gets stuck loading at:
$ start-storybook -p 6006
info #storybook/react v6.5.13
info
info => Loading presets
info => Serving static files from ././public at /
info Addon-docs: using MDX1
info => Loading Webpack configuration from `node_modules/react-scripts`
info => Removing existing JavaScript and TypeScript rules.
info => Modifying Create React App rules.
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
10% building 0/1 entries 0/0 dependencies 0/0 modules
info => Using cached manager
58% building 14/16 entries 5027/5027 dependencies 1107/1127 modules
The bug is not an issue with the plugin installed to the package but it does occur when I add #storybook/addon-react-native-web to the storybook/main.js file.
I noticed when I ran yarn install, that the react native web storybook addon had unmet dependencies:
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#babel/preset-react#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#storybook/addons#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#storybook/api#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#storybook/components#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#storybook/core-events#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "#storybook/theming#*".
warning " > #storybook/addon-react-native-web#0.0.19" has unmet peer dependency "metro-react-native-babel-preset#*".
warning " > #storybook/preset-create-react-app#4.1.2" has unmet peer dependency "#babel/core#*".
So I installed them manually:
yarn add -D #babel/preset-react #storybook/addons #storybook/api #storybook/components #storybook/core-events #storybook/theming metro-react-native-babel-preset #babel/core
And now it works!
Related
I am trying to import weather icons by cloning a link from https://github.com/erikflowers/weather-icons. But looks like the installation of the css file is not successful. The following info was shown in the terminal:
npm WARN react-scripts#3.3.0 requires a peer of typescript#^3.2.1 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader#8.0.0 requires a peer of node-sass#^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader#8.0.0 requires a peer of sass#^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader#8.0.0 requires a peer of fibers#>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils#3.17.1 requires a peer of typescript#>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
Do I have to manually install something myself?
Yes! You have to do:
npm i typescript#^3.2.1 node-sass#^4.0.0 sass#^1.3.0 fibers#>= 3.1.0 typescript#>=2.8.0
Happy coding
I am using React and Redux.
I imported firebase using import shown below:
import * as firebase from 'firebase/app'
import 'firebase/firestore'
Everything was working then I committed changes and pushed them to GitHub. My colleague pulled the code and told me to test it and it was not working. I tried to run the code but not working.
I changed the import to:
import * as firebase from 'firebase/firebase'
import 'firebase/firestore'
the code is working now.
If anyone has an idea what is the reason for this error can you please help me to understand this issue.
I deleted package-lock.json file
Then run npm install
I received this warning
npm WARN #firebase/firestore#1.0.6 requires a peer of #firebase/app#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/firestore#1.0.6 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/auth#0.9.4 requires a peer of #firebase/app#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/functions#0.4.1 requires a peer of #firebase/app#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/functions#0.4.1 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/messaging#0.3.13 requires a peer of #firebase/app#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/messaging#0.3.13 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/storage#0.2.10 requires a peer of #firebase/app#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/storage#0.2.10 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/auth-types#0.5.3 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/auth-types#0.5.3 requires a peer of #firebase/util#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/firestore-types#1.0.3 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/messaging-types#0.2.6 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/storage-types#0.2.6 requires a peer of #firebase/app-types#0.x but none is installed. You must install peer dependencies yourself.
npm WARN #firebase/storage-types#0.2.6 requires a peer of #firebase/util#0.x but none is installed. You must install peer dependencies yourself.
I re-installed firebase
npm install --save firebase
and problem solved. No warnings or errors and it is back to work as before.
I want to install Rocket.Chat and Meteor on Freebsd 10.3
Does anyone know why when running NPM through Meteor, it is failing to download and install the modules:
[rocketchat#web ~/meteor]$ ./meteor -v
meteor: updating npm dependencies -- meteor-deque...
Building package meteor |
/usr/home/rocketchat/meteor/dev_bundle/lib/node_modules/ip-regex /index.js:3
const word = '[a-fA-F\\d:]';
^^^^^
babel-compiler: updating npm dependencies -- meteor-babel...
ecmascript-runtime: updating npm dependencies -- meteor-ecmascript- runtime...
promise: updating npm dependencies -- meteor-promise...
npm-mongo: updating npm dependencies -- mongodb...
logging: updating npm dependencies -- cli-color...
xmlbuilder: updating npm dependencies -- xmlbuilder...
Errors prevented isopacket build:
While building package meteor:
error: Can't install npm dependencies. Are you connected to the internet?
While building package babel-compiler:
error: Can't install npm dependencies. Are you connected to the internet?
While building package ecmascript-runtime:
error: Can't install npm dependencies. Are you connected to the internet?
error: File not found: .npm/package/node_modules/meteor-ecmascript- runtime/client.js
While building package promise:
error: Can't install npm dependencies. Are you connected to the internet?
error: File not found: .npm/package/node_modules/meteor-promise /promise.bundle.js
I have downloaded a full project that has been in use for about a year now, I got a new computer and am trying to upload a change to a function. I had errors and now I am trying to redeploy a function that I know works and is the same as the source in Google Cloud.
I run:
firebase deploy --only functions:generateThumbnail
and this is the output:
deploying functions
i functions: ensuring necessary APIs are enabled...
✔ functions: all necessary APIs are enabled
i functions: preparing functions directory for uploading...
Error: Error parsing triggers: Cannot find module './dnssec'
Try running "npm install" in your functions directory before deploying.
I run npm install:
npm WARN functions# requires a peer of eslint#2.x but none is installed. You must install peer dependencies yourself.
npm WARN ajv-keywords#3.2.0 requires a peer of ajv#^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN firebase-functions#0.8.2 requires a peer of firebase-admin#~5.10.0 but none is installed. You must install peer dependencies yourself.
audited 7867 packages in 6.019s
found 20 vulnerabilities (3 low, 17 moderate)
run `npm audit fix` to fix them, or `npm audit` for details
then I ran npm audit fix:
npm WARN functions# requires a peer of eslint#2.x but none is installed. You must install peer dependencies yourself.
npm WARN ajv-keywords#3.2.0 requires a peer of ajv#^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN firebase-functions#0.8.2 requires a peer of firebase-admin#~5.10.0 but none is installed. You must install peer dependencies yourself.
removed 1 package and updated 5 packages in 7.583s
fixed 8 of 20 vulnerabilities in 7867 scanned packages
2 package updates for 12 vulns involved breaking changes
(use `npm audit fix --force` to install breaking changes; or do it by hand)
..I am still getting the same error as before:
Error: Error parsing triggers: Cannot find module './dnssec'
Hey so I think this is an issue with npm not updating the packages correctly. I was running into the same error.
Error: Error parsing triggers: Cannot find module './dnssec'
I found that the dnssec resource is within the 'sshpk' node module folder. So in order to correct the error I just went into the node_modules folder of my functions directory and removed the 'sshpk' module, and while still in the functions directory ran 'npm install'. Hopefully this works for you and some other people running into this issue.
Cheers. Good luck!
steps:
npm install -g yo
npm install -g grunt
npm install -g bower
npm install -g generator-angular
mkdir storefront
cd storefront/
yo angular
grunt serve
grunt serve isn't working for me as seen below:
ME$ grunt serve
Running "serve" task
Running "clean:server" (clean) task
>> 0 paths cleaned.
Running "wiredep:app" (wiredep) task
Running "wiredep:test" (wiredep) task
Running "wiredep:sass" (wiredep) task
Running "concurrent:server" (concurrent) task
Warning: Running "compass:server" (compass) task
Warning: Couldn't find the `compass` binary. Make sure it's installed and in your $PATH Use --force to continue.
Aborted due to warnings.
Execution Time (2015-04-08 20:14:01 UTC)
loading tasks 5ms ▇▇▇▇▇▇▇▇▇▇ 21%
compass:server 18ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 75%
Total 24ms Use --force to continue.
Aborted due to warnings.
Execution Time (2015-04-08 20:13:58 UTC)
wiredep:app 115ms ▇▇▇▇ 4%
concurrent:server 2.6s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 95%
Total 2.8s
I tried two things:
sudo npm install -g grunt-cli
that resulted in:
$ sudo npm install -g grunt-cli
Password:
/usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt
npm WARN unmet dependency /usr/local/lib/node_modules/browserify/node_modules/module-deps/node_modules/through2 requires readable-stream#'~1.0.17' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/browserify/node_modules/readable-stream,
npm WARN unmet dependency which is version 1.0.27-1
npm WARN unmet dependency /usr/local/lib/node_modules/meteorite/node_modules/prompt/node_modules/winston requires colors#'0.x.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/meteorite/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/phonegap-build requires colors#'0.6.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/connect-phonegap/node_modules/connect/node_modules/multiparty/node_modules/stream-counter requires readable-stream#'~1.1.8' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/connect-phonegap/node_modules/connect/node_modules/multiparty/node_modules/readable-stream,
npm WARN unmet dependency which is version 1.1.13-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/prompt/node_modules/winston requires colors#'0.x.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
grunt-cli#0.1.13 /usr/local/lib/node_modules/grunt-cli
├── resolve#0.3.1
├── nopt#1.0.10 (abbrev#1.0.5)
└── findup-sync#0.1.3 (lodash#2.4.1, glob#3.2.11)
and
npm install -g compass
that resulted in:
ME$ npm install -g compass
npm WARN unmet dependency /usr/local/lib/node_modules/browserify/node_modules/module-deps/node_modules/through2 requires readable-stream#'~1.0.17' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/browserify/node_modules/readable-stream,
npm WARN unmet dependency which is version 1.0.27-1
npm WARN unmet dependency /usr/local/lib/node_modules/meteorite/node_modules/prompt/node_modules/winston requires colors#'0.x.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/meteorite/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/phonegap-build requires colors#'0.6.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/connect-phonegap/node_modules/connect/node_modules/multiparty/node_modules/stream-counter requires readable-stream#'~1.1.8' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/connect-phonegap/node_modules/connect/node_modules/multiparty/node_modules/readable-stream,
npm WARN unmet dependency which is version 1.1.13-1
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/prompt/node_modules/winston requires colors#'0.x.x' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/phonegap/node_modules/colors,
npm WARN unmet dependency which is version 0.6.0-1
compass#0.1.1 /usr/local/lib/node_modules/compass
What is wrong?
I had the same issue. I fixed it by setting logConcurrentOutput to false in my Gruntfile.
Go to app --> Gruntfile.js
Search for concurrent, and ensure your concurrent code for logConcurrentOutput looks like this:
concurrent: {
ionic: {
tasks: [],
options: {
logConcurrentOutput: false
}
}