How do I initialize Vue2Vis on a laptop? - javascript

I cloned Vue2Vis and executed the command
npm install --save #vue2vis/graph2d vis-data moment
as stipulated in the packages/graph2d/README.md file. Here is the result:
npm install --save #vue2vis/graph2d vis-data moment
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: #vue2vis/graph2d#1.0.1-alpha.0
npm ERR! Found: uuid#7.0.3
npm ERR! node_modules/uuid
npm ERR! dev uuid#"^7.0.0" from #vue2vis/graph2d#1.0.1-alpha.0
npm ERR! packages/graph2d
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer uuid#"^3.4.0" from vis-timeline#7.3.4
npm ERR! node_modules/vis-timeline
npm ERR! vis-timeline#"^7.3.4" from #vue2vis/graph2d#1.0.1-alpha.0
npm ERR! packages/graph2d
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/erlebach/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/erlebach/.npm/_logs/2021-06-21T22_11_11_109Z-debug.log
I thought this procedure was foolproof! :-) Does anybody have any insight to help me out? Thanks.

It looks like vis-data's latest release (7.x) is now incompatible with graph2d. The other errors in your stacktrace seem related to vis-data 7.
Specifying vis-data#^6.3.0 in the installation worked without errors:
$ npm install --save #vue2vis/graph2d vis-data#^6.3.0 moment
added 15 packages, and audited 16 packages in 4s
3 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities

Related

I am trying to download compression webpack plugin with npm but its giving me error

Hi there this is the message that APPEARS WHEN I TRY TO RUN THE COMMAND
npm install compression-webpack-plugin
and this is the error:
`PS D:\phaser games\game-slot-machine> npm install compression-webpack-plugin
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! compression-webpack-plugin#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-dnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Cheetay\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_37_59_109Z-debug-0npm install compression-webpack-plugin --save-devine>
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! dev compression-webpack-plugin#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
n) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Cheetay\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_39_13_026Z-debug-0.log
PS D:\phaser games\game-slot-machine> npm install compression-webpack-plugin --save-dev
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! dev compression-webpack-plugin#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Cheetay\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_39_20_653Z-debug-0.log`
i am trying to reduce size of my js file in a game and trying to download this plugin that reduces the size.
first, you need to fix the conflict between both the dependency if you want to run both commands at one time, or using --force is also an option if you really want to compress the file.

npm install command is showing bunch of error - Why?

I am tying to install a package
npm install vuejs-image-gallery
but when I run this commandon the terminal I got this bunch of errro message :=(
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #vue/cli-plugin-eslint#5.0.8
npm ERR! Found: eslint#6.8.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^5.16.0 || ^6.1.0 || ^7.2.0" from #vue/eslint-config-airbnb#5.3.0
npm ERR! node_modules/#vue/eslint-config-airbnb
npm ERR! dev #vue/eslint-config-airbnb#"^5.3.0" from the root project
npm ERR! peer eslint#">= 4.12.1" from babel-eslint#10.1.0
npm ERR! node_modules/babel-eslint
npm ERR! dev babel-eslint#"^10.0.3" from the root project
npm ERR! 5 more (eslint-config-airbnb-base, eslint-plugin-import, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint#">=7.5.0" from #vue/cli-plugin-eslint#5.0.8
npm ERR! node_modules/#vue/cli-plugin-eslint
npm ERR! dev #vue/cli-plugin-eslint#"^5.0.8" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#8.25.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#">=7.5.0" from #vue/cli-plugin-eslint#5.0.8
npm ERR! node_modules/#vue/cli-plugin-eslint
npm ERR! dev #vue/cli-plugin-eslint#"^5.0.8" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/hello/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/hello/.npm/_logs/2022-10-21T06_05_43_010Z-debug-0.log
I also try to install that package using this command:
npm install vuejs-image-gallery legacy-peer-deps
This command is install the package but on my vue application it's saying:
can't find the moudle
So, Something is wrong. Would you please tell me what is wrong by check that error message?

could not install sass-loader using npm

when I using this command to install sass-loader in my project:
npm install sass-loader#12.4.0
show error like this:
➜ crx-selection-translate git:(6.x-master) ✗ npm install sass-loader#12.4.0
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined#undefined
npm ERR! Found: webpack#1.15.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^1.13.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.0.0" from sass-loader#12.4.0
npm ERR! node_modules/sass-loader
npm ERR! sass-loader#"12.4.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/xiaoqiangjiang/.npm/eresolve-report.txt for a full report.
why did this happen? what should I do to fix this problem? is it possible to auto resolve and fix the dependencies? I really did not know which version should I use, and I still did not know the dependencies matrix, is it possible to let the npm to find the most suitable dependencies and auto install and fix?
I found a solution on dev.to
This worked for me
npm install -D sass-loader#^10 sass

ESLint dependency fail

I want to use ESLint on a React project on VSCode, but it doesn't work. When I enter
npm install
it shows me this:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: type-fest#0.20.2
npm ERR! node_modules/type-fest
npm ERR! type-fest#"^0.20.2" from globals#13.10.0
npm ERR! node_modules/#eslint/eslintrc/node_modules/globals
npm ERR! globals#"^13.9.0" from #eslint/eslintrc#0.4.3
npm ERR! node_modules/#eslint/eslintrc
npm ERR! #eslint/eslintrc#"^0.4.3" from eslint#7.32.0
npm ERR! node_modules/eslint
npm ERR! dev eslint#"^7.32.0" from the root project
npm ERR! 18 more (#typescript-eslint/eslint-plugin, ...)
npm ERR! type-fest#"^0.20.2" from globals#13.10.0
npm ERR! node_modules/eslint/node_modules/globals
npm ERR! globals#"^13.6.0" from eslint#7.32.0
npm ERR! dev eslint#"^7.32.0" from the root project
npm ERR! 18 more (#typescript-eslint/eslint-plugin, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional type-fest#"^0.13.1" from #pmmmwh/react-refresh-webpack-plugin#0.4.2
npm ERR! node_modules/#pmmmwh/react-refresh-webpack-plugin
npm ERR! #pmmmwh/react-refresh-webpack-plugin#"0.4.2" from react-scripts#4.0.1
npm ERR! node_modules/react-scripts
npm ERR! react-scripts#"4.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Leo\AppData\Local\npm-cache\eresolve-report.txt for
a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Leo\AppData\Local\npm-cache\_logs\2021-08-07T10_27_10_092Z-debug.log
According to you log, npm install seems to have an issue with the type-fest dependency. You can try running npm install --save type-fest to save it to your dependencies, then retry.

Hello, Install DateTimePicker in my expo project (React native)

as the title suggests I'm trying to install DateTimePicker and I get this error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined#undefined
npm ERR! Found: react#16.13.1
npm ERR! node_modules/react
npm ERR! react#"16.13.1" from the root project
npm ERR! peer react#">=16.8.3" from #react-native-community/datetimepicker#3.0.4
npm ERR! node_modules/#react-native-community/datetimepicker
npm ERR! #react-native-community/datetimepicker#"3.0.4" from the root project
npm ERR! 1 more (react-native)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"17.0.1" from react-native-windows#0.64.5
npm ERR! node_modules/react-native-windows
npm ERR! peer react-native-windows#">=0.62" from #react-native-community/datetimepicker#3.0.4
npm ERR! node_modules/#react-native-community/datetimepicker
npm ERR! #react-native-community/datetimepicker#"3.0.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\robbi\AppData\Local\npm-cache\eresolve-report.txt for a full report.
How can I do?
Sorry for the stupid question but I'm still studying ..
If you are using expo download your dependency through
expo install #react-native-community/datetimepicker
If you have used yarn or npm for that some dependencies might have a conflict with each other (because of incompatibility issues) whereas through expo install it will install the respective version of the package according to your expo version

Categories

Resources