Pourquoi une erreur deModules est-elle fixée par toute importation?

Question

Dans un projet de documents Create-React-App, j'ai essayé d'écrire cela juste pour tester des choses rapidement:

// experiment.test.ts
it('experiment', () => {
  console.log('test');
});

Mais cela me donne l'erreur suivante, avec un bricolage rouge sous it:

Tous les fichiers doivent être des modules lorsque le drapeau '-isolatedModules' est fourni.

Cependant, si je modifie le fichier en ce qui suit, tout va bien, tout va bien (à l'exception de l'importation non utilisée bien sûr):

// experiment.test.ts
import { Component} from 'react'; // literally anything, don't even have to use it

it('test', () => {
  console.log('test');
});

Pourquoi? Que se passe-t-il ici? Que fait --isolatedModules réellement méchant/faire?

Answer 1

Toujours avoir une erreur malgré vous exporter des choses de ce "fichier d'erreur"?

1. Check if you don't export same name that you already export in another file (conflit)
2. After your fix try to stop and start your npm/yarn runner (J'ai vécu qu'il ne peut pas se redresser même après une rechargement difficile de la page, en particulier lorsque vous avez une autre erreur ailleurs)