javascript - Cypress og Typescript - din configFile er ugyldig: config.ts

Jeg prøver å sette opp en tilpasset take i Cypress og støter på en Cypress-konfigurasjonsfeil hver gang jeg importerer en Typescript-fil inn i min cypress.config.ts. Her er koden min:

cypress.config.ts

import 'dotenv-defaults/config';
import { defineConfig } from 'cypress';
import { MongoMemoryServer } from 'mongodb-memory-server';
import db from './src/server/db/datasource';

const createDb = async () => {
  const server = await MongoMemoryServer.create();
  try {
    db.setOptions({ url: server.getUri() });
    await db.initialize();
  } catch (err) {
    throw err;
  }
  return db;
};

export default defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser, launchOptions) => {
        if (browser.name === 'chrome') {
          launchOptions.args.push('--proxy-bypass-list=<-loopback>');
          launchOptions.args.push('--disable-dev-shm-usage');
          launchOptions.args.push('--disable-gpu');
          launchOptions.args.push('--no-sandbox');

          return launchOptions;
        }
      });

      on('task', {
        log(message) {
          console.log(message);
          return null;
        },
        /*  createDb() {
          return createDb();
        }, */
      });

      return config;
    },
    baseUrl: `http://localhost:${process.env.PORT || 3000}`,
    video: false,
    screenshotOnRunFailure: false,
    modifyObstructiveCode: false, // Cypress utterly ruins Remix Context if this isn't disabled
    chromeWebSecurity: false,
    experimentalSessionAndOrigin: true,
    experimentalSourceRewriting: true,
  },
  env: process.env,
});

Den fjerde linjen i filen ovenfor import db from './src/server/db/datasource'; er det som ødelegger konfigurasjonen og resulterer i denne feilen:

Din configFile er ugyldig: /home/project/cypress.config.ts TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Ukjent filendelse ".ts" for /home/project/cypress.config.ts

Jeg har Googlet feilen, og det ser ut til å være en kjent en med Cypress. Jeg har prøvd alle forslagene, inkludert å oppgradere Cypress til den nyeste versjonen (^10.11.0), men ingen har hjulpet.

Jeg har prøvd å tukle med min tsconfig.json, men har ikke klart å gjøre en forskjell. Her er den filen:

{
  "include": ["./*", "src", "test", "types", "scripts"],
  "exclude": ["cypress" /* "./cypress.config.ts" */],
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "module": "esnext",
    "jsx": "react-jsx",
    "moduleResolution": "node",
    "target": "es2019",
    "baseUrl": ".",
    "rootDir": ".",
    "isolatedModules": true,
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "strict": true,
    "allowJs": true,
    "forceConsistentCasingInFileNames": true,
    "skipLibCheck": true,
    "noEmit": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "strictPropertyInitialization": false,
    "paths": {
      "~/*": ["./src/*"],
      "@test": ["./test"],
      "@test/*": ["./test/*"]
    }
  },
  "ts-node": {
    "compilerOptions": {
      "module": "commonjs"
    }
  }
}

Kommandoen jeg kjører for å starte Cypress er bare npx cypress open. Jeg hadde satt pris på litt hjelp, da det er uklart hva som forårsaker dette problemet!

Svar #1

Fikset det med nedenstående metode

  1. Slett node_module-mappen
  2. Slett package-lock.json
  3. Kjør npm cache clean --force-kommandoen to ganger
  4. Kjør npm i-

Relaterte artikler