Tại sao lỗi --isolatedModules được sửa bằng bất kỳ lần nhập nào?

Trong một dự án tạo-phản ứng-ứng dụng sắp chữ, tôi đã cố gắng viết điều này chỉ để kiểm tra nhanh một số nội dung:

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

Nhưng nó mang lại cho tôi lỗi sau, với một chữ nguệch ngoạc màu đỏ bên dưới it:

Tất cả các tệp phải là mô-đun khi cờ '--isolatedModules' được cung cấp.

Tuy nhiên, nếu tôi thay đổi tệp thành như sau, thì mọi thứ rõ ràng là tốt (tất nhiên là ngoại trừ việc nhập không sử dụng):

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

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

Tại sao? Có chuyện gì đang xảy ra ở đây? Không gì --isolatedModulesthực sự có ý nghĩa / làm gì?

Typecript xử lý các tệp không có nhập / xuất dưới dạng tệp tập lệnh kế thừa. Vì các tệp như vậy không phải là mô-đun và bất kỳ định nghĩa nào mà chúng đã được hợp nhất trong không gian tên chung. isolatedModulescấm các tệp như vậy.

Việc thêm bất kỳ quá trình nhập hoặc xuất nào vào tệp sẽ khiến tệp đó trở thành mô-đun và lỗi sẽ biến mất.

Cũng export {}là một cách tiện dụng để tạo một tệp thành một mô-đun mà không cần nhập bất cứ thứ gì.

Cách chính xác là cho TypeScript biết bạn muốn gì. Nếu bạn không muốn isolatedModulestạo tsconfig.jsonbên trong testthư mục của mình và thêm:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "isolatedModules": false
  },
}

Thêm "isolatedModules": truevào cấu hình và sau đó gian lận trình kiểm tra TypeScript bằng cách thêm export {}mã trống có mùi hôi cho tôi.

Hãy thử kiểm tra các mô-đun bị cô lập. Khi tôi kiểm tra Google, không có ngữ cảnh trực tiếp của nó.

Về cơ bản, nó có nghĩa là bạn cho phép Typecript biên dịch các mô-đun một cách riêng biệt.

Nhưng nó có nguồn gốc từ Typecript và có liên quan gì đó đến việc Typecript thích mô-đun hơn không gian tên.

Mô-đun cũng có sự phụ thuộc vào trình tải mô-đun (chẳng hạn như CommonJs / Request.js) hoặc thời gian chạy hỗ trợ Mô-đun ES. Mô-đun cung cấp khả năng tái sử dụng mã tốt hơn, cách ly mạnh hơn và hỗ trợ công cụ tốt hơn cho việc đóng gói.

Nguồn 1

Bằng cách sử dụng một dự án bản ghi ứng dụng tạo-phản ứng, bạn nên cài đặt bản ghi chữ và ts-jest (hoặc ứng dụng tạo-phản ứng phải xử lý các phần phụ thuộc dựa trên thiết bị mà bạn đã đẩy ứng dụng ra hay không).

Cũng ts-jestcó một số thông tin về nó:

Theo mặc định, ts-jest sử dụng trình biên dịch TypeScript trong ngữ cảnh của một dự án (của bạn), với tính năng và kiểm tra kiểu đầy đủ. Nhưng nó cũng có thể được sử dụng để biên dịch từng tệp riêng biệt , cái mà TypeScript gọi là 'mô-đun cô lập'. Đó là những gì tùy chọn Cô lập (mặc định là sai) thực hiện.

Nguồn 2

Ngay sau khi bạn sử dụng exportlệnh, bạn đang tạo một mô-đun từ những gì đang được xuất.

Nếu bạn đang sử dụng ts-jest, bạn có thể thêm các cài đặt này mà không ảnh hưởng đến các mô-đun khác của bạn, mà ứng dụng tạo-phản ứng sẽ tắt.

"ts-jest": {
  "isolatedModules": false
}

Và kiểm tra trang ts-jest (nguồn thứ hai) cho những người chuyên nghiệp và lừa đảo.