Как перенсти проект из одной версии в другую?

Question

[Влад]

Внезапно умер мой ноутбук.
Я вытащил винт и приаттачил как внешний к новоприобретённому ноуту.
Устанавливаю node.js, npm и пытаюсь запустить свои проекты – лезет полная дичь и я не знаю, что с этим делать.
На старый ноут я ставил node.js году так в 2020.. точно не помню. Как узнать версии node.js и npm?
Папку node_modules удаляю, делаю `npm i` – в итоге проект пересобирается без файла `package-lock.json` и соответственно при старте лезет полная дичь.
Что в такой ситуации делать Step bу step?

Для примера, как запустить вот этом проект, который я писал ещё в декабре 2022-го года https://nyt.vextor.ru/ ?
Вот ссылка на его репозиторий https://github.com/vladikslavus/new-year-tic-tac-toe
Сможете запустить у себя?

Вот его package.json :

{
  "name": "",
  "version": "1.0.0",
  "description": "Start project with use Gulp + Webpack",
  "author": "",
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": ""
  },
  "dependencies": {
    "@popperjs/core": "^2.8.3",
    "animate.css": "^3.7.0",
    "caniuse-lite": "^1.0.30001168",
    "simplebar": "^5.3.0",
    "wow.js": "^1.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.10",
    "@babel/preset-env": "^7.12.10",
    "babel-loader": "^8.2.2",
    "browser-sync": "^2.26.14",
    "browserslist": "^4.16.3",
    "del": "^6.1.1",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^6.1.0",
    "gulp-cache": "^1.1.2",
    "gulp-clean-css": "^4.3.0",
    "gulp-htmlmin": "^5.0.1",
    "gulp-if": "^3.0.0",
    "gulp-imagemin": "^6.2.0",
    "gulp-newer": "^1.4.0",
    "gulp-plumber": "^1.2.1",
    "gulp-rename": "^1.4.0",
    "gulp-rigger": "^0.5.8",
    "gulp-sass": "^4.1.0",
    "gulp-sourcemaps": "^2.6.5",
    "imagemin-jpeg-recompress": "^6.0.0",
    "imagemin-pngquant": "^8.0.0",
    "terser-webpack-plugin": "^4.2.3",
    "webpack": "^4.46.0",
    "webpack-stream": "^6.1.1"
  }
}

Comments

[Алексей Ярков]

Папку node_modules удаляю, делаю `npm i` – в итоге проект пересобирается без файла `package-lock.json`

Так его в репозитории и нет. Чего вы ожидали?

[Влад]

Алексей Ярков, чего-то я видимо переутомился. Я зачем-то снёс package-lock.json. Сейчас попробую восстановить его , пересобрать и запустить проект.

[Влад]

Восстановил package-lock.json
Пересобрал проект.
В итоге какого то лешего он мне выдаёт:

PS F:\OSPanelNew\domains\my-project> gulp
[01:27:33] Local gulp not found in F:\OSPanelNew\domains\my-project
[01:27:33] Try running: npm install gulp

при том, что gulp установлен глобально `npm install --global gulp-cli`

ok. выполняю как мне советует нода и делаю `npm install gulp`
И лепит вот такое:

npm list
npm ERR! code ELSPROBLEMS
npm ERR! missing: @babel/core@^7.12.10, required by turbocharges@1.0.0
npm ERR! missing: @babel/preset-env@^7.12.10, required by turbocharges@1.0.0
npm ERR! missing: @popperjs/core@^2.8.3, required by turbocharges@1.0.0
npm ERR! missing: animate.css@^3.7.0, required by turbocharges@1.0.0
npm ERR! missing: babel-loader@^8.2.2, required by turbocharges@1.0.0
npm ERR! missing: browser-sync@^2.26.14, required by turbocharges@1.0.0
npm ERR! missing: browserslist@^4.16.3, required by turbocharges@1.0.0
npm ERR! missing: caniuse-lite@^1.0.30001168, required by turbocharges@1.0.0
npm ERR! missing: del@^6.1.1, required by turbocharges@1.0.0
npm ERR! missing: gsap@^3.6.1, required by turbocharges@1.0.0
npm ERR! missing: gulp-autoprefixer@^6.1.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-cache@^1.1.2, required by turbocharges@1.0.0
npm ERR! missing: gulp-clean-css@^4.3.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-htmlmin@^5.0.1, required by turbocharges@1.0.0
npm ERR! missing: gulp-if@^3.0.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-imagemin@^6.2.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-newer@^1.4.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-plumber@^1.2.1, required by turbocharges@1.0.0
npm ERR! missing: gulp-rename@^1.4.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-rigger@^0.5.8, required by turbocharges@1.0.0
npm ERR! missing: gulp-sass@^4.1.0, required by turbocharges@1.0.0
npm ERR! missing: gulp-sourcemaps@^2.6.5, required by turbocharges@1.0.0
npm ERR! missing: gulp@^4.0.2, required by turbocharges@1.0.0
npm ERR! missing: imagemin-jpeg-recompress@^6.0.0, required by turbocharges@1.0.0
npm ERR! missing: imagemin-pngquant@^8.0.0, required by turbocharges@1.0.0
npm ERR! missing: imask@^6.4.3, required by turbocharges@1.0.0
npm ERR! missing: normalize.css@^8.0.1, required by turbocharges@1.0.0
npm ERR! extraneous: optipng-bin@6.0.0 F:\OSPanelNew\domains\turbo-chargers\node_modules\optipng-bin
npm ERR! missing: simplebar@^5.3.0, required by turbocharges@1.0.0
npm ERR! missing: terser-webpack-plugin@^4.2.3, required by turbocharges@1.0.0
npm ERR! missing: webpack-stream@^6.1.1, required by turbocharges@1.0.0
npm ERR! missing: webpack@^4.46.0, required by turbocharges@1.0.0
npm ERR! missing: wow.js@^1.2.2, required by turbocharges@1.0.0
turbocharges@1.0.0 F:\OSPanelNew\domains\turbo-chargers
├── UNMET DEPENDENCY @babel/core@^7.12.10
├── UNMET DEPENDENCY @babel/preset-env@^7.12.10
├── UNMET DEPENDENCY @popperjs/core@^2.8.3
├── UNMET DEPENDENCY animate.css@^3.7.0
├── UNMET DEPENDENCY babel-loader@^8.2.2
├── UNMET DEPENDENCY browser-sync@^2.26.14
├── UNMET DEPENDENCY browserslist@^4.16.3
├── UNMET DEPENDENCY caniuse-lite@^1.0.30001168
├── UNMET DEPENDENCY del@^6.1.1
├── UNMET DEPENDENCY gsap@^3.6.1
├── UNMET DEPENDENCY gulp-autoprefixer@^6.1.0
├── UNMET DEPENDENCY gulp-cache@^1.1.2
├── UNMET DEPENDENCY gulp-clean-css@^4.3.0
├── UNMET DEPENDENCY gulp-htmlmin@^5.0.1
├── UNMET DEPENDENCY gulp-if@^3.0.0
├── UNMET DEPENDENCY gulp-imagemin@^6.2.0
├── UNMET DEPENDENCY gulp-newer@^1.4.0
├── UNMET DEPENDENCY gulp-plumber@^1.2.1
├── UNMET DEPENDENCY gulp-rename@^1.4.0
├── UNMET DEPENDENCY gulp-rigger@^0.5.8
├── UNMET DEPENDENCY gulp-sass@^4.1.0
├── UNMET DEPENDENCY gulp-sourcemaps@^2.6.5
├── UNMET DEPENDENCY gulp@^4.0.2
├── UNMET DEPENDENCY imagemin-jpeg-recompress@^6.0.0
├── UNMET DEPENDENCY imagemin-pngquant@^8.0.0
├── UNMET DEPENDENCY imask@^6.4.3
├── UNMET DEPENDENCY normalize.css@^8.0.1
├── optipng-bin@6.0.0 extraneous
├── UNMET DEPENDENCY simplebar@^5.3.0
├── UNMET DEPENDENCY terser-webpack-plugin@^4.2.3
├── UNMET DEPENDENCY webpack-stream@^6.1.1
├── UNMET DEPENDENCY webpack@^4.46.0
└── UNMET DEPENDENCY wow.js@^1.2.2


npm ERR! A complete log of this run can be found in: C:\Users\79161\AppData\Local\npm-cache\_logs\2024-01-15T22_40_40_953Z-debug-0.log

Answer 1

[fkk]

Так раз у тебя есть старый винт и это винда - найди на нем ноду, что была и попроси у нее вывести свою версию. Но проблема врядли в версии ноды.

Лок файла у тебя вообще нет в репе, и ты его не случайно удалил, у тебя последний комит 8 месяцев назад, а сам лок файл вообще в гитигноре.

Step-by-step гайд тут не сделать, сидеть и разбираться точечно.

Тут лишь два совета могу дать:

1. Всем проектам в package.json можно указать версию node & npm.
2. Хранить лок файл, как вообще его можно не хранить, зачем вы его в игнор кинули?

//

В твоем проекте node-sass, в систему как минимум надо ставить Python2, хз как такое можно было сделать даже в 2020 году, делалось по очень пожилому гайду, проще все переделать нормально, да и быстрее скорее всего.

Хотел глянуть что там, но ставить питон желания нет. Используй в будущем нормальный sass сборщик, на жаваскрипте, а не тот, что в бинарь собирается.

Comments

[Влад]

У меня публичные там вообще один мусор, поудалять нужно, кроме этих новогодних крестиков-ноликов и кита для сборки под Opencart. Все проекты у меня приватные.
Блин.. я не знаю кто меня надоумил package-lock.json заигнорить. На винте локи есть. Я потом всё перезалью, когда разберусь.

у тебя последний комит 8 месяцев назад

Нет, ты проглядел.

Answer 2

[Сергей delphinpro]

Установите себе NVM.
Установите пачку разных версий Node - 14, 16, 18, 20...
Пробуйте переключаться между версиями и запускать проект (удаляя каждый раз node_modules и инсталлируя пакеты заново).
На будущее, пишите в проекте, на какой версии ноды он запускается.

К сожалению, совместимость - это не про nodejs.

Comments

[Влад]

Подскажите как NVM установить на Винду 10. Там какой-то невероятный гимор.

[Сергей delphinpro]

Влад, да там вроде инсталлер есть, просто тыкать кнопочки
https://github.com/coreybutler/nvm-windows/releases

[Сергей delphinpro]

Влад, впрочем и вручную вроде несложно, по шагам
https://github.com/coreybutler/nvm-windows/wiki#ma...

[fkk]

У него не в версии ноды скорее всего дело, а в том. что нет лок файла, от чего качаются версии пакетов хрен пойми какие. Там в рамках фич-патчей могут 15 раз сломать старое поведение, классика для жаваскрипт мира.

[Сергей delphinpro]

fkk, это конечно не исключено, но по моему опыту, несовместимость между версиями ноды возникает чуть ли не между каждыми LTS.
К тому же, если ошибка возникает на этапе инсталла, то тут к гадалке не ходи, нужна другая версия ноды.

[Влад]

fkk, на винте локи есть. Я не знаю кто меня надоумил локи в игнор пихать.

от чего качаются версии пакетов хрен пойми какие

Так в package.json же версии указаны или этого мало?

[Сергей delphinpro]

Так в package.json же версии указаны или этого мало?

Там указано "@babel/core": "^7.12.10",
Это значит, что допустима любая версия в диапазоне от 7.12.10 до 7.12.xxx
Лок файл содержит точные версии, и именно они устанавливаются.
Если указано ^7.12.10 и в момент инсталла доступна 7.12.20, то установится 7.12.20 и зафиксируется в лок файле. В следующий раз установится именно 7.12.20, даже если будет доступен новый патч.
В качестве альтернативы, можно указывать точные версии в package.json "@babel/core": "7.12.10"

[Влад]

Короче говоря, происходит странная ситуация.
Я установил NVM. На старом винте определил, что на старом винте у меня стояла нода 16.13.0
Установил эту версию и переключился на неё:

PS F:\OSPanelNew\domains\turbo-chargers> nvm ls
    20.11.0
  * 16.13.0 (Currently using 64-bit executable)

После `npm i` папка `node_modules` ВООБЩЕ НЕ СОЗДАЛАСЬ!
Причём я пробовал два варианта и с package-lock.json и без.
В обоих случаях результат одинаковый.

Вот лог: https://disk.yandex.ru/d/NGYEPImmpA_VFQ

[Сергей delphinpro]

Влад,

error gyp verb ensuring that file exists: C:\Python27\python.exe

Python2 установите для использования node-sass.
А в будущем лучше dart-реализацию используйте.