오류 메시지는 더 명확해야합니다. namespaces 대신 non-module 말할 수 있습니다. @DanielRosenwasser 추천?

이 상황에서는 오류 메시지가 없어야합니다. --isolatedModules 옵션은 내부 모듈 시스템을 완전히 꺼야합니다. 만약 tsc가 여전히 이런 식으로 오류를 일으키면 옵션이 제 역할을하지 않은 것입니다.

# 15839에서 나는 검사 동작을 수정하려고했지만 나중에이 검사가 무의미하고 이상적인 해결책은 그것을 제거하는 것임을 깨달았습니다.
Typescript는 항상 --isolatedModules 있는 외부 모듈 내부의 네임 스페이스 사용을 허용했습니다.

export function something() {} // export found, so this module is considered 'external'
namespace ns {} // namespace is still valid in an external module

따라서 수표는 불만을 제기해야 할 때 (유효하지 않은 것처럼 보이는) 경우에 아무것도하지 않습니다. 그렇다면 프로그래머가 아무 네임 스페이스도 사용하지 않고 아무 잘못도하지 않고 불평하는 이유는 무엇입니까?

@wilonth 이 문제의 이유는 오류 메시지가 잘못 되었기 때문입니다. (es6) 모듈의 일부인 경우 네임 스페이스는 완벽하지만 모듈이 아닌 파일은 오류 여야합니다.

@ andy-ms이 오류를 확인하기위한 전체 코드는 무의미하며 코드를 더 복잡하게 만드는 대신 제거해야한다는 점을 지적하려고했습니다.
내 요점은 --isolatedModules 가 켜져있을 때 모든 파일이 외부 (ES6) 모듈 인 마침표로 간주되어야한다는 것입니다. 그런 의미에서 네임 스페이스 사용은 합법적이어야합니다. 현재로서는 ES6 모듈 내에서 네임 스페이스를 사용하는 것이 완벽하게 합법적입니다 ( --isolatedModules 사용).

내 요점은 --isolatedModules가 켜져있을 때 모든 파일이 외부 (ES6) 모듈 인 기간으로 간주되어야한다는 것입니다.

여기서 의미론은 모듈이 하나 이상의 최상위 가져 오기 또는 내보내기가있는 파일이라는 것입니다. 컴파일러를 호출하는 방법은 중요하지 않습니다.

@mhegazy 예 그리고 그 규칙은 우리가 여기에있는 문제의 근원입니다. 이 규칙은 가져 오기 또는 내보내기가없는 파일을 레거시 내부 모듈 시스템의 일부로 부당하게 취급하므로 --isolatedModules 는 파일을 거부합니다.
이제 규칙을 변경해서는 안됩니다. 그럴 경우 많은 문제가 발생할 수 있지만이 오류 메시지를 제거하는 것만으로도 현재 문제를 매우 쉽게 해결할 수 있습니다.
이 "cannot compile namespaces"오류 메시지가 제거되었다고 상상해 봅시다. 무엇이 잘못 될 수 있습니까? Typescript 컴파일러 자체와 같이 내부 모듈을 사용하는 코드베이스는 어떻습니까? --isolatedModules 를 켜면 가비지 코드로 컴파일되어 사용자를 혼란스럽게할까요? 그렇지 않습니다. --isolatedModules 가 파일 사이의 링크를 깨뜨 렸기 때문에 정의되지 않은 기호에 대한 Typescript 오류 메시지가 많을 것입니다.
이 오류 메시지를 제거하면 어떤 단점이 있습니까? 나는 할 수 없었다. 제로 작업 (줄만 제거)과 단점이없는 가장 쉬운 솔루션을 선택하지 않는 이유는 무엇입니까?

--isolatedModules를 켜면 가비지 코드로 컴파일되어 사용자를 혼란스럽게할까요? 아니요

네, 그렇습니다.

--isolatedModules 플래그의 요점은 단일 파일 변환을 통해 프로그램을 성공적으로 컴파일 할 수 있는지 확인하는 것입니다.

TypeScript 코드베이스 는 단일 파일 트랜스 파일을 통해 성공적으로 컴파일

file1

namespace ts {
  export var x = 10;
}

file2

namespace ts {
  var y = x; // transpiles to ts.x during whole-program compilation
}

단일 파일로 file2를 트랜스 파일하면 중단됩니다.

내 나쁜, 내 테스트를 망쳤습니다. 이로써 제안을 철회합니다. 상기시켜 주신 @RyanCavanaugh 에게 감사드립니다.

따라서 해결책은 다음과 같아야합니다.이 오류 메시지를 표시하기 전에 실제 네임 스페이스 사용을 감지해야합니다 (예 : @ andy-ms가 제안한 "대안"솔루션). 이 경우 오류 메시지가 완전히 잘못 되었기 때문에 텍스트를 다른 것으로 변경할 수 없습니다.
PR을하고 싶지만 그 모든 헛소리를 뱉어 낸 후에도 여전히 여기서 신뢰할 수 있습니까?

A global file cannot be compiled using '--isolatedModules'. Ensure your file contains imports, exports, or an 'export {}' statement.

단일 파일로 file2를 트랜스 파일하면 중단됩니다.

강령술에 대해 미안하지만 모듈을 대상으로 할 때 'x' is not defined 와 같이 실패해야합니다. 그 사건은 나에게 사소한 것과 다르지 않은 것 같습니다.

file1

var x = 10;

file2

var y = x;

모듈이 아닌 연결 / 전역 적으로 평가할 때도 작동합니다. namespaces 와 관련이 없습니다.

본질적으로 import 또는 export 없는 파일이 module 컴파일러 옵션에서 이미 알고 있어야하는데 왜 typescript가 모듈이 아니라고 추측 하는가? 예를 들어 Typescript 자체는 module 설정하지 않고 컴파일되므로 기본 none 를 사용하므로 컴파일러는 연결 / 전역 평가를 가정 할 수 있습니다.

--module <something> 를 사용하고 다른 파일에서 가져 오지 않은 선언을 사용하는 경우 (네임 스페이스 자체 포함) typescript는 이미 --isolatedModules 이전에 "정의되지 않음"으로 실패하고 export {} 이후에도 동일합니다.

나는 어떤 이유로 import / export 를 --module none --isolatedModules 와 함께 사용할 수 있다는 것을 알아 챘는데, 이것은 다소 혼란스럽고 버그 일 수 있습니까?

최종 사용자로서 @DanielRosenwasser : "전역 파일"은 무엇을 의미합니까? 그래도 안내가 마음에 듭니다. 아마도 "import 또는 export 문이없는 파일은 모듈이 아니며 '--isolatedModules'로 컴파일 할 수 없습니다.이 파일이 부작용에 대해서만 평가되는 경우 'export {}'문을 추가하십시오." -언어가 오류 메시지처럼 보이지는 않지만.

간단한 js 프로젝트에 대해 동일한 오류가 표시됩니다. 방금 만든 샘플 js 프로젝트는 패키지 및 스크립트 파일 내용입니다. 이 문제를 어떻게 해결할 수 있습니까?

Package.json
{
"plnkr": {
"런타임": "시스템"
}
}

lib / script.js
//
//곤봉
// Dheeraj Kumar 제작
//

let card1 = "스페이드 에이스",
card2 = "하트 10 개";

console.log ( '블랙 잭에 오신 것을 환영합니다!');

console.log ( "당신은 처리됩니다 :");
conosle.log ( ""+ card1);
console.log ( ""+ card2);

이것에 대한 업데이트가 있습니까?

나는 종종 작은 테스트를 통해 이것을한다.

describe('jest', () => {
  it('finds this test', () => {
    expect(true).toBeTruthy();
  });

  it('parses this typescript', () => {
    const actual: number = 0;
    const expected: number = 0;
    expect(actual).toEqual(expected);
  });
});

export {
  // Use an empty export to please Babel's single file emit.
  // https://github.com/Microsoft/TypeScript/issues/15230
}

나는 정말 TypeScript가 import / export 문을 포함하는지 여부에 관계없이 모든 .ts 파일을 ES6 모듈로 간주하도록하는 옵션을 원합니다. 원래 --isolatedModules 옵션이 해당 옵션이라고 가정했지만 가져 오기 / 내보내기가없는 파일에서 매우 혼란스러운 오류가 발생합니다. (나는 여전히 네임 스페이스에 의해 오류 메시지가 의미하는 바를 이해하지 못합니다. 해당 기능을 사용하고있는 것 같지 않습니다.)이 설정을 원하는 이유는 실수로 참조했기 때문에 TypeScript에서 몇 가지 문제를 포착하지 못했기 때문입니다. 파일이 서로를 참조 할 수없는 node / parcel / webpack을 사용 함에도 불구하고 한 .ts 파일의 최상위 변수 (둘 다 가져 오기 / 내보내기 문이 없었으므로 TypeScript가이를 ES6 모듈로 취급하지 않음) 내 보내지 않은 변수.

나는 일종의 관련 성가심을 고치려고 여기에 섰다. 아래 설명은 create-react-app 및 TypeScript로이 오류에 대해 검색하는 다른 VS Code 사용자를 돕기위한 것입니다.

create-react-app 2.x 및 TypeScript 로 프록시 를 setupProxy.js 라는 파일을 추가합니다.

const proxy = require('http-proxy-middleware');
module.exports = function(app) { /* ... */ };

react-scripts 는 ts 변환 프로세스 외부에서이 파일을 읽으므로 일반 js 여야합니다.

이것은 문서화 된대로 정확하게 작동 하지만 성가신 부작용이 있습니다.

tsconfig.json 생성 된 react-scripts 에는 src 를 포함하여 setupProxy.js src 모든 파일이 포함됩니다. 그 결과, 보여 VS 코드를 트리거 Cannot compile namespaces... 오류 setupProxy.js 빨간색 SQUIGGLE와 코드를 표시하고 문제 창에 포함. 내 설정에서 파일과 모든 상위 폴더가 빨간색으로 강조 표시됩니다.

해결책 : tsconfig.json에서 setupProxy.js 파일을 제외하여 VS Code 오류 메시지를 표시하지 않습니다.

{
  // ...
  "exclude": ["src/setupProxy.js"]
}

react-scripts 는 isolatedModules: true react-scripts 강제하지만 exclude 을 덮어 쓰지 않는 것 같습니다.

대안 : `setupProxy.js에 명명 된 내보내기를 추가합니다.

export const _ = '';

최상위 수준 내보내기에서는 이제 --isolatedModules와 함께 사용할 수 있습니다.

copliation에 포함되지 않아야하는 파일 (gulp.js 등)이 있기 때문에 개발자는이 메시지를 자주받습니다.

주의-create-react-app을 사용 중이고이 문제가 저처럼 보이면 ... 내 tsconfig.json 파일을 변경하여이 문제를 우회 할 수있었습니다 ....

다음 변경

    "isolatedModules": true,

...에

    "isolatedModules": false,

@UncleFifi 그런 다음 오류가 유형 검사에서 바벨 유형 스크립트 변환으로 이동 합니다. 첫 번째 경고를 참조하십시오.

@jtbennett export {}; - export { name, localName as exportName }; 의 퇴보 형식으로 아무것도 내보낼 수 없습니다.

@UncleFifi 그런 다음 오류가 유형 검사에서 바벨 유형 스크립트 변환으로 이동 합니다. 첫 번째 경고를 참조하십시오.

실제로 네임 스페이스를 사용하는 경우에만. 이 문제는 주로 네임 스페이스를 사용하지 않고 가져 오기 / 내보내기에 합법적 인 파일이있을 때 네임 스페이스에 대해 불평하는이 오류에 관한 것입니다.

실제로 네임 스페이스를 사용하는 경우에만. 이 문제는 주로 네임 스페이스를 사용하지 않고 가져 오기 / 내보내기에 합법적 인 파일이있을 때 네임 스페이스에 대해 불평하는이 오류에 관한 것입니다.

맞아요, 죄송합니다.이 글을 읽은 지 오래되었습니다! 즉, 그들이 CRA에서 --isolatedModules 를 설정 한 이유는 바벨 타이프 스크립트의 한계를 가깝게 에뮬레이트하기 때문입니다 (바벨도 단일 파일 트랜스 파일이기 때문에). 레일.

그렇다면 오류 Cannot compile namespaces when --isolatedModules flag is provided 에 대한 현재 해결책은 파일 맨 위에 export {}; 를 추가하는 것입니까?

예, 문제를 해결할 수 있습니다. (실제로 TypeScript namespace 사용하지 않는다고 가정합니다. 그렇지 않으면 다른 문제가 있고 아마도 합법적 인 문제가있을 수 있습니다.)

파일이 "빈"파일 (즉, 전체 파일이 주석 처리됨) 때문에이 메시지가 나타납니다. 나는 TS가 이것을 포착하여 기쁘지만 오류 메시지는 매우 불투명했습니다 (바닐라 CentOS 7 설치에서 색상이 깨졌지만 이것은 아마도 TS와 직접 관련이없는 webpack dev 서버 때문일 것입니다)

_ 편집 : 재현 할 수 없습니다. 세 개의 최상위 내보내기로만 구성된 파일을 확실히 쳐다보고 있었는데이 오류가 있었는데별로 어딘가에서 뭔가 잘못했습니다 ._

이 오류는 최상위 수준 내보내기가있는 파일에서 방금 발생했습니다 .

// Cannot compile namespaces:
export const foo = 'foo';

// Compiles fine
const foo = 'foo';
export { foo };

@ denis-sokolov 분명한 질문 : 해당 파일에 네임 스페이스와 같은 다른 항목도 있습니까?

말 그대로 export const 이라면 두 번째 추측은 typescript가 ts-loader를 사용하는 webpack과 같은 것에서 사용되고 있으며 export 확장하는 이전 패스 (예 : babel-loader) 이후에만 콘텐츠를 보는 것입니다. 어떤 식 으로든

더 이상 재현 할 수 없습니다. 잘못된 경보로 인해 죄송합니다,

특정 파일에서 왜이 오류가 발생하는지 모르겠습니다.
다른 파일은 정상적으로 작동합니다.

CRA TypeScript를 사용하고 @types 이없는 패키지를 가져 오는 상황에 있습니다. 고유 한 유형을 제공하기 위해 declare module 'package' 을 추가하고 싶지만이 명령문을 모듈 파일에 넣을 수 없습니다. 그래서 계속해서 types.ts 를 만들어 declare module 문을 거기에 배치합니다. 이제이 오류가 발생합니다.

isolatedModules 을 false 재정의하면 CRA가 바로 다시 변경합니다. 그것은 해결책이 아닙니다.

export {} 를 사용하여 types.ts 파일에 declare module 하면 기능 보강에서 잘못된 모듈 이름이 표시됩니다. 대신. 이 오류는 모듈이 아닌 파일에 선언을 넣어 피할 수 있지만,이 강제 isolatedModules 설정을 통해 CRA는 모든 파일을 모듈로 만듭니다!

따라서 하나의 오류를 해결하는 순환 경로가 다른 오류에 도달했다가 다시 돌아옵니다. 이 문제를 어떻게 해결할 수 있습니까?

추측에 @Bnaya , 작동하는 파일은 가져 오기 또는 내보내기 문을 사용하고 있습니까? 코드에서 require()/module.exports 및 import/export 중 하나만 사용하세요. 그렇지 않으면 모든 파일이 tsconfig include에 포함되는지 확인하십시오 (그에 대한 자세한 내용은 문서를 확인하십시오.

@TomasHubelbauer 모듈 선언은 무엇보다도 이러한 이유로 .d.ts에 있어야합니다.
CRA에서 제거한 설정 만 다시 추가하고 다시 변경하지는 않았지만 isolatedModules에 대해 더 일관성이있을 수 있습니까?

@simonbuchan 나는 .d.ts 시도했지만 저에게도 효과가 없었습니다. 정확히 무엇인지 확실하지 않은 이유를 다시보고 할 것입니다. 그리고 실제로 CRA는 저를 위해 그 설정을 다시 작성했습니다.

@simonbuchan 나는 손 전에 위의 모든 것을 시도했습니다-아무 소용이 없습니다 :(

@simonbuchan 흠 좋아요. .d.ts 작동합니다. 모듈을 선언하고 입력 할 수 있습니다. 내가 원래 포기한 이유는 해당 모듈에서 선언하려는 입력에 대해 다른 입력을 참조해야하지만 .d.ts 파일에 import 를 도입하면 작동이 중지되기 때문입니다. 나는 이것을 해결하는 방법을 모르지만 더 이상이 오류와 관련이없는 TypeScript 지식이 부족합니다.

다음은 typescript @ next (https://github.com/yang/sandbox-ts-namespaces-error의 전체 저장소)를 사용하는 최소 재현 사례입니다.

src / a.js : (알림, 가져 오기 / 내보내기 키워드가 필요하지 않음)

module.exports = "hello"; // you could really put anything here, e.g. console.log('hello');

tsconfig.js :

{
  "compilerOptions": {
    "allowJs": true,
    "isolatedModules": true,
    "noEmit": true,
    "strict": true
  },
  "include": ["src"]
}

오류:

$ ./node_modules/.bin/tsc
src/a.js:1:1 - error TS1208: Cannot compile namespaces when the '--isolatedModules' flag is provided.

1 module.exports = "hello";
  ~~~~~~


Found 1 error.

저도 처음에 create-react-app --typescript 통해이 문제를 만났는데, 이는 setupProxy.js (또는 setupTests.js)를 생성하도록 지시합니다. CRA는 또한 isolatedModules 및 allowJs 를 true로 설정합니다. 최신 typescript 버전이 나올 때까지는 문제가되지 않은 것 같습니다 (3.2.x 또는 3.3.x로 업데이트 한 후에 만 ​​typescript 3.1.x에서 setupProxy.js에 대한 오류가 표시되지 않았습니다).

제외 세트에 .js 파일을 추가하는 해결 방법은 tsc를 실행할 때 작동하지만 성가 시게도 TS 언어 서비스 (VS Code 및 Webstorm 모두 시도)의 편집기에서 해당 파일의 오류가 계속 표시됩니다. (이것은 제외를 존중하지 않는 TS 언어 서비스에 대한 별도의 일반적인 문제인 것 같습니다. 그러나 기존 문제를 찾을 수 없었습니다.) 편집기에서이 오류를 가리기 위해 .d.ts 파일을 추가했습니다. * .js 파일의 경우.

또한 .js 파일을 요구하거나 가져 오면 제외가 비효율적으로 렌더링되어 편집기 외부에서 오류가 발생합니다.

allowJs (create-react-app이 제안하는 것과 반대) 만 비활성화하는 것이 저에게 효과적입니다.

웹 작업자에게이 오류가 계속 발생합니다.

개별 파일 또는 폴더를 제외하려고했지만 작동하지 않습니다.

이 isolatedModules 설정을 재정의 할 방법이 없습니까? CRA는 tsconfig.json을 계속 다시 작성합니다.

다른 제안이 있습니까?

@jamespfarrell 파일에 export {}; 넣으십시오.

@Macil 귀하의 조언에 감사드립니다.

이 오류가 발생합니다.

가져 오기 시도 오류 : './workers/HeartBeat.worker.js'에 기본 내보내기가 없습니다 ( 'HeartBeatWorker'로 가져옴).

추가하면 :

export default {};

나는 얻다:

잡히지 않은 TypeError : _workers_HeartBeat_worker_js__WEBPACK_IMPORTED_MODULE_2 __. default는 생성자가 아닙니다.

모든 파일에 대해서도 하나의 파일이 아니라면이 'isolatedModules'를 우회하는 방법이 있습니까?

지금 발생하는 오류는 isolatedModules 설정과 관련이 없습니다. isolatedModules를 끄더라도 여전히 이러한 오류가 발생합니다.

가져 오기 시도 오류 : './workers/HeartBeat.worker.js'에 기본 내보내기가 없습니다 ( 'HeartBeatWorker'로 가져옴).

이 오류는 어디에서 발생합니까? import Foo from './workers/HeartBeat.worker.js'; 와 같이 파일이없는 파일의 기본 내보내기를 가져 오려는 것 같습니다. 기본 내보내기를 가져 오지 않으려면 가져 오기 행을 import './workers/HeartBeat.worker.js'; 로 변경하십시오.

당신 말이 맞아요 .

_ 다른 사람이 같은 문제를 겪을 수 있습니다 ._ 콘텐츠가없는 자리 표시 자로 남겨둔 몇 개의 파일에 대해 동일한 오류가 표시되었지만 다른 파일로 가져 왔습니다. 다른 구성 요소 파일에서 가져온 빈 styles.js 파일이 있습니다.

그냥 추가

다른 사람이 특정 실수를하는 경우 실수로 .d.ts 대신 .ts 접미사를 붙인 모듈 정의에 대해이 오류가 발생했습니다. 수정 후 서버를 다시 시작해야합니다.

같은 오류. CRA를 사용하고 있습니다.

CRA에서이 문제에 직면했습니다. 파일에서 무엇이든 내보내는 것을 잊었습니다.

그래서 내 프로젝트의 루트 폴더에 .js 파일이 있었기 때문에이 오류가 발생했습니다. tsconfig.json 파일에서 다음을 구성했습니다.

"compilerOptions": {
    ....
  },
  "include": ["src"],

나는 이것을 위해 그것을 전환해야했다.

"compilerOptions": {
    ....
  },
  "include": ["src/*"],

그게 고쳐졌지만 왜 그런지 이해가 안되는데 누군가 나에게 설명 할 수 있습니까? 내 이해는 src 를 포함하면 루트 파일과 형제 폴더가 제거된다는 것입니다.

@thitemple 어딘가의 기사에서 / * 스 니펫을

@ vort3xxx 나는하지 않았다. @DaviSpindola에서이 게시물 https://github.com/microsoft/TypeScript/issues/15230#issuecomment -479730947을 보고 시도했습니다. 그거였다

@ vort3xxx 나는하지 않았다. @DaviSpindola 의이 게시물 보고 시도했습니다. 그거였다

같은 문제, 같은 해결책. TS 3.5.2.

뿡 빵뀨

@simonbuchan 나는 .d.ts 시도했지만 저에게도 효과가 없었습니다. 정확히 무엇인지 확실하지 않은 이유를 다시보고 할 것입니다. 그리고 실제로 CRA는 저를 위해 그 설정을 다시 작성했습니다.

똑같은 문제가 발생합니다. 이 문제를 해결하는 방법을 알아 냈습니까? create react 앱 내에서 .ts 또는 .d.ts 선언 파일을 정의하면 All files must be modules when the '--isolatedModules 플래그가 제공되는 오류가 반환됩니다. 에 플래그를 설정 false 또는 제거 isolatedModules 전적으로으로 다시 속성을 true 시작할 때하는 응용 프로그램을 반응 만듭니다.
추가 export {} 오류의 선언 파일 결과의 맨 아래에 : Invalid module name in augmentation. Module '...' resolves to an untyped module at '...' .

누군가 도와주세요. Create React App 프로젝트에 사용자 정의 선언 파일을 어떻게 추가합니까?

다른 사람이 같은 문제를 겪고 있는지 확인했습니다. create react 앱을 사용할 때 소스 폴더의 react-app-env.d.ts 파일에 선언 유형을 추가하기 만하면됩니다.