Почему при запуске через npm run dev не было ошибки?
Есть проект на Nuxt3/Vue3. В процессе разработки обнаружил непонятный для меня момент.
import saveAs from 'file-saver'
Локально при запуске через npm run dev работает без ошибок. При запуске на dev-сервер через докер выдается ошибка
SyntaxError: Named export 'saveAs' not found. The requested module 'file-saver' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'file-saver'; const { saveAs } = pkg; |
SyntaxError: Named export 'saveAs' not found. The requested module 'file-saver' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'file-saver'; const { saveAs } = pkg;
Причем ошибка только при обновление страницы через F5 или прямом переходе на страницу по ссылке снаружи проекта (например из мессенджера).
Поправил конечно, но хочется понять в чем причина.
docker-compose.yml
version: "3" services: front-dev: build: context: ./ args: SERVER_MODE: development ports: - 3000:3000 |
version: "3" services: front-dev: build: context: ./ args: SERVER_MODE: development ports: - 3000:3000
Dockerfile
FROM node:18.12 as builder ARG SERVER_MODE WORKDIR /app COPY . . RUN npm install && npm run build |
FROM node:18.12 as builder ARG SERVER_MODE WORKDIR /app COPY . . RUN npm install && npm run build
Дополнительно:
Ответы:
У вас разные окружения. В докере вы выполняете `npm run build` (т.е. сборку в продакшн-окружении), а локально `npm run dev` - запускается локальный сервер в окружении для разработки. Ищите различия в ваших окружениях.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
При запуске команды `npm run dev`, скорее всего, вы используете среду разработки на основе Node.js, такую как Laravel Mix или Webpack, для сборки и запуска вашего проекта.
Когда вы запускаете команду `npm run dev`, она обычно запускает скрипт, который компилирует ваши файлы CSS, JavaScript и другие ресурсы в соответствии с вашими настройками. Далее этот скрипт запускает локальный сервер для предварительного просмотра вашего проекта.
Если при запуске `npm run dev` не возникло ошибок, это может быть вызвано несколькими причинами:
1. Ваши файлы и настройки конфигурации правильно настроены, и процесс сборки прошел успешно.
2. Ваши зависимости npm установлены правильно и не вызывают конфликтов.
3. Ваши скрипты и стили не содержат синтаксических ошибок, которые могли бы привести к ошибкам при сборке.
Если вам нужно убедиться, что все работает правильно, вы можете проверить логи вывода в консоли при запуске `npm run dev`, чтобы убедиться, что все шаги процесса сборки прошли успешно. Также вы можете проверить локальный сервер, чтобы убедиться, что ваш проект отображается корректно в браузере.
Если у вас возникли проблемы или ошибки в процессе сборки, вам следует проверить ваш конфигурационный файл (например, `webpack.config.js` для Webpack) и ваш код на наличие ошибок. Также может быть полезно обновить зависимости npm до последних версий, чтобы убедиться, что вы используете актуальные версии пакетов.
Надеюсь, это поможет вам понять, почему при запуске через `npm run dev` не возникло ошибок. Если у вас возникнут дополнительные вопросы или проблемы, не стесняйтесь задавать их.