Сайт «ломается» при запуске через OpenServer!?
Здравствуйте, сверстал сайт и когда делал его то использовал gulp-server, теперь пытаюсь запустить сайт через Open Server из папки src, но при таком запуске верстка "ломается". При запуске из папки dist сайт нормально открывается, только если изменяю код в index.html, scss файлах ничего не происходит. В терменале при установке пакетов(npm i --save-dev) выдаёт:
npm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm, npm WARN old lockfile so supplemental metadata must be fetched from the registry. npm WARN old lockfile npm WARN old lockfile This is a one-time fix-up, please be patient... npm WARN old lockfile npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! code 1 npm ERR! path G:Code SoftOSPaneldomainsPortfolionode_modulesnode-sass npm ERR! command failed npm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.js npm ERR! Building: G:Code Softnode.exe G:Code SoftOSPaneldomainsPortfolionode_modulesnode-gypbinnode-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli 'G:\Code Soft\node.exe', npm ERR! gyp verb cli 'G:\Code Soft\OSPanel\domains\Portfolio\node_modules\node-gyp\bin\node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', npm ERR! gyp verb cli '--libsass_ext=', npm ERR! gyp verb cli '--libsass_cflags=', npm ERR! gyp verb cli '--libsass_ldflags=', npm ERR! gyp verb cli '--libsass_library=' npm ERR! gyp verb cli ] npm ERR! gyp info using node-gyp@3.8.0 npm ERR! gyp info using node@18.13.0 | win32 | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing "build" directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable "python2" in the PATH npm ERR! gyp verb `which` failed Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:13:12) npm ERR! gyp verb `which` failed at F (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:68:19) npm ERR! gyp verb `which` failed at E (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:80:29) npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:89:16 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexeindex.js:42:5 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexewindows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:207:21) npm ERR! gyp verb `which` failed python2 Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:13:12) npm ERR! gyp verb `which` failed at F (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:68:19) npm ERR! gyp verb `which` failed at E (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:80:29) npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:89:16 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexeindex.js:42:5 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexewindows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:207:21) { npm ERR! gyp verb `which` failed code: 'ENOENT' npm ERR! gyp verb `which` failed } npm ERR! gyp verb check python checking for Python executable "python" in the PATH npm ERR! gyp verb `which` succeeded python C:UsersWindowsAppDataLocalProgramsPythonPython311python.EXE npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Command failed: C:UsersWindowsAppDataLocalProgramsPythonPython311python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack File "<string>", line 1 npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)? npm ERR! gyp ERR! stack npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:419:12) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1091:16) npm ERR! gyp ERR! stack at Socket.<anonymous> (node:internal/child_process:449:11) npm ERR! gyp ERR! stack at Socket.emit (node:events:513:28) npm ERR! gyp ERR! stack at Pipe.<anonymous> (node:net:320:12) npm ERR! gyp ERR! System Windows_NT 10.0.19042 npm ERR! gyp ERR! command "G:\Code Soft\node.exe" "G:\Code Soft\OSPanel\domains\Portfolio\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd G:Code SoftOSPaneldomainsPortfolionode_modulesnode-sass npm ERR! gyp ERR! node -v v18.13.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1 npm ERR! A complete log of this run can be found in: npm ERR! C:UsersWindowsAppDataLocalnpm-cache_logs2023-02-02T18_45_12_480Z-debug-0.log |
npm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm, npm WARN old lockfile so supplemental metadata must be fetched from the registry. npm WARN old lockfile npm WARN old lockfile This is a one-time fix-up, please be patient... npm WARN old lockfile npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! code 1 npm ERR! path G:Code SoftOSPaneldomainsPortfolionode_modulesnode-sass npm ERR! command failed npm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.js npm ERR! Building: G:Code Softnode.exe G:Code SoftOSPaneldomainsPortfolionode_modulesnode-gypbinnode-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli 'G:\Code Soft\node.exe', npm ERR! gyp verb cli 'G:\Code Soft\OSPanel\domains\Portfolio\node_modules\node-gyp\bin\node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', npm ERR! gyp verb cli '--libsass_ext=', npm ERR! gyp verb cli '--libsass_cflags=', npm ERR! gyp verb cli '--libsass_ldflags=', npm ERR! gyp verb cli '--libsass_library=' npm ERR! gyp verb cli ] npm ERR! gyp info using node-gyp@3.8.0 npm ERR! gyp info using node@18.13.0 | win32 | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing "build" directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable "python2" in the PATH npm ERR! gyp verb `which` failed Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:13:12) npm ERR! gyp verb `which` failed at F (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:68:19) npm ERR! gyp verb `which` failed at E (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:80:29) npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:89:16 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexeindex.js:42:5 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexewindows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:207:21) npm ERR! gyp verb `which` failed python2 Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:13:12) npm ERR! gyp verb `which` failed at F (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:68:19) npm ERR! gyp verb `which` failed at E (G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:80:29) npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_moduleswhichwhich.js:89:16 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexeindex.js:42:5 npm ERR! gyp verb `which` failed at G:Code SoftOSPaneldomainsPortfolionode_modulesisexewindows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:207:21) { npm ERR! gyp verb `which` failed code: 'ENOENT' npm ERR! gyp verb `which` failed } npm ERR! gyp verb check python checking for Python executable "python" in the PATH npm ERR! gyp verb `which` succeeded python C:UsersWindowsAppDataLocalProgramsPythonPython311python.EXE npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Command failed: C:UsersWindowsAppDataLocalProgramsPythonPython311python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack File "<string>", line 1 npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)? npm ERR! gyp ERR! stack npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:419:12) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1091:16) npm ERR! gyp ERR! stack at Socket.<anonymous> (node:internal/child_process:449:11) npm ERR! gyp ERR! stack at Socket.emit (node:events:513:28) npm ERR! gyp ERR! stack at Pipe.<anonymous> (node:net:320:12) npm ERR! gyp ERR! System Windows_NT 10.0.19042 npm ERR! gyp ERR! command "G:\Code Soft\node.exe" "G:\Code Soft\OSPanel\domains\Portfolio\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd G:Code SoftOSPaneldomainsPortfolionode_modulesnode-sass npm ERR! gyp ERR! node -v v18.13.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1 npm ERR! A complete log of this run can be found in: npm ERR! C:UsersWindowsAppDataLocalnpm-cache_logs2023-02-02T18_45_12_480Z-debug-0.log
Я так понимаю, что-то не так с версией npm, подскажите как это исправить.
p.s в папке dist идут уже минифицированные файлы index.html, style.css
Дополнительно:
Зачем вам хостить вёрстку на опен сервере? Верстайте себе спокойно, на крайний случай есть livereload для удобной работы с изменениями, Open Server вам ни к чему.
Error: not found: python2
Проблема в том, что отсутствует Python второй версии. NPM не может сбилдить некоторые модули, зависимые от питона.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для начала, давайте разберемся, почему сайт «ломается» при запуске через OpenServer. Возможно, проблема может быть вызвана неправильной конфигурацией сервера или нарушением целостности файлов сайта. Для решения данной проблемы, предлагаю следующие шаги:
1. Проверьте конфигурационные файлы OpenServer. Убедитесь, что все настройки сервера корректны и соответствуют требованиям вашего сайта.
2. Проверьте целостность файлов сайта. Убедитесь, что все необходимые файлы и директории присутствуют на сервере и не повреждены.
3. Проверьте логи ошибок сервера. Обычно они находятся в директории, где установлен OpenServer. Просмотрите эти логи, чтобы выявить возможные ошибки, которые могут привести к «ломанию» сайта.
4. Попробуйте перезапустить сервер. Иногда простой перезапуск сервера может решить проблему.
Если после выполнения вышеперечисленных шагов проблема не будет решена, рекомендуется обратиться к специалисту по настройке серверов или разработке веб-приложений для более детального анализа проблемы.
Пример кода на языке PHP для отображения ошибок:
error_reporting(E_ALL); ini_set('display_errors', 1);
Надеюсь, что данная информация поможет вам решить проблему с «ломанием» сайта при запуске через OpenServer. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.