Cannot find package 'typesafe-i18n' (sveletekit/vite/nodejs) #683

benjamin-brady · 2023-07-01T06:29:08Z

benjamin-brady
Jul 1, 2023

I'm using sveltekit and node running on docker. Unless I copy the large node_modules directory into my docker image then I get the error below. Everything works fine under vite dev and vite preview - I guess because node_modules exists in the working dir. So perhaps vite is not bundling typesafe-i18n but I can't figure out why. Thanks in advance.🙏

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'typesafe-i18n' imported from /app/server/chunks/hooks.server-522adfc5.js
    at new NodeError (node:internal/errors:399:5)
    at packageResolve (node:internal/modules/esm/resolve:889:9)
    at moduleResolve (node:internal/modules/esm/resolve:938:20)
    at defaultResolve (node:internal/modules/esm/resolve:1153:11)
    at nextResolve (node:internal/modules/esm/loader:163:28)
    at ESMLoader.resolve (node:internal/modules/esm/loader:838:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40)
    at link (node:internal/modules/esm/module_job:76:36) {
  code: 'ERR_MODULE_NOT_FOUND'
}

I have "type": "module", set in my package.json.

Dockerfile:

# Stage 1 - Build
FROM node:18 AS build-env
COPY . /
WORKDIR /
RUN rm -rf node_modules  && rm -rf build
RUN curl -sL https://unpkg.com/@pnpm/self-installer | node
RUN pnpm install
RUN pnpm run build
CMD ["node", "build/index.js"]

# # Stage 2 - Server
# FROM gcr.io/distroless/nodejs:18
# FROM gcr.io/distroless/nodejs18-debian11
FROM node:18-alpine as runner
ENV NODE_OPTIONS=--max_old_space_size=512
ENV NODE_ENV=production
WORKDIR /app
COPY --from=build-env /build ./
COPY --from=build-env /package.json ./

# ERROR UNLESS mode_modules is copied
COPY --from=build-env /node_modules ./node_modules

EXPOSE 80
EXPOSE 3000
CMD ["node","./index.js"]

hooks.server.ts:

import type { Locales } from '$i18n/i18n-types';
import { detectLocale, i18n, isLocale } from '$i18n/i18n-util';
import { loadAllLocales } from '$i18n/i18n-util.sync';
import type { Handle, RequestEvent } from '@sveltejs/kit';
import { initAcceptLanguageHeaderDetector } from 'typesafe-i18n/detectors';
import { env } from '$env/dynamic/private';


loadAllLocales();
const L = i18n();

export const handle: Handle = async ({ event, resolve }) => {
	// ==== INTERNATIONALIZATION ====
	// read language slug
	const [, lang] = event.url.pathname.split('/');

	// if slug is not a locale, use base locale (e.g. api endpoints)
	const locale = isLocale(lang) ? (lang as Locales) : getPreferredLocale(event);
	const LL = L[locale];

	// bind locale and translation functions to current request
	event.locals.locale = locale;
	event.locals.LL = LL;
    
        // ...

	// replace html lang attribute with correct language
	return resolve(event, { transformPageChunk: ({ html }) => html.replace('%lang%', locale) });
};

const getPreferredLocale = ({ request }: RequestEvent) => {
	// detect the preferred language the user has configured in his browser
	// https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Language
	const acceptLanguageDetector = initAcceptLanguageHeaderDetector(request);

	return detectLocale(acceptLanguageDetector);
};