Skip to content

Kysely error react native #524

Open
Open
@code-504

Description

@code-504

I'm having this error:

node_modules\kysely\dist\esm\migration\file-migration-provider.js: node_modules\kysely\dist\esm\migration\file-migration-provider.js:Invalid call at line 32: import(/* webpackIgnore: true */(0, _classPrivateFieldLooseBase2.default)(this, _props)[_props].path.join((0, _classPrivateFieldLooseBase2.default)(this, _props)[_props].migrationFolder, fileName))

I applied #this solution but it didn't work. Here is my metro.config.js:

const { getDefaultConfig } = require("expo/metro-config");
const { mergeConfig } = require("@react-native/metro-config");
const { withNativeWind } = require("nativewind/metro");
const path = require("node:path");

const projectRoot = __dirname;
const workspaceRoot = path.resolve(projectRoot, "../..");

const defaultConfig = getDefaultConfig(projectRoot);

const config = {
  resolver: {
    unstable_enablePackageExports: true,
    resolveRequest: (context, moduleName, platform) => {
      if (platform === "web") {
        if (
          ["react-native-prompt-android", "@powersync/react-native"].includes(
            moduleName,
          )
        ) {
          return {
            type: "empty",
          };
        }
        const mapping = {
          "react-native": "react-native-web",
          "@powersync/web": "@powersync/web/dist/index.umd.js",
          kysely: "kysely/dist/cjs/index.js",
        };
        if (mapping[moduleName]) {
          console.log("remapping", moduleName);
          return context.resolveRequest(context, mapping[moduleName], platform);
        }
      } else {
        if (["@powersync/web"].includes(moduleName)) {
          return {
            type: "empty",
          };
        }
      }

      return context.resolveRequest(context, moduleName, platform);
    },
    transformer: {
      getTransformOptions: async () => ({
        transform: {
          inlineRequires: {
            blockList: {
              [require.resolve("@powersync/react-native")]: true,
            },
          },
        },
      }),
    },
    watchFolders: [workspaceRoot],
    nodeModulesPaths: [
      path.resolve(projectRoot, "node_modules"),
      path.resolve(workspaceRoot, "node_modules"),
    ],
    disableHierarchicalLookup: true,
    unstable_enableSymlinks: true,
  },
};

const mergedConfig = mergeConfig(defaultConfig, config);

module.exports = withNativeWind(mergedConfig, { input: "./global.css" });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions