웹사이트 검색
reactjs - Vitest ESM 필요 오류. 이것을 어떻게 해결하나요
저는 React+Vite를 사용하고 있습니다. 그리고 컴포넌트에 대한 단위 테스트 케이스를 설정하려고 하지만, 실행하려고 할 때 다음과 같은 오류가 발생하고 있습니다.
오류: ...\node_modules@nivo\core\dist\nivo-core.cjs.js에서 ES 모듈 ...\index.js의 require()는 지원되지 않습니다. 대신 ...에서 index.js의 require를 모든 CommonJS 모듈에서 사용할 수 있는 dynamic import()로 변경하세요.
이것은 @
더 많은 것을 읽으십시오 →typescript - esm.sh와 jspm.org는 deno 호환성에 관해 같은 접근 방식을 따르나요?
저는 esm.sh와 jspm.org에서 npm 모듈을 가져오는 Deno 예제를 본 적이 있습니다
나는 esm.sh에서 읽었다:
- esm.sh은 일부 모듈이 Deno에서 작동하도록 지원하기 위해 https://deno.land/std/node로 Node 내부 모듈(fs, os 등)을 폴리필할 것입니다. 예를 들어 postcss와 같이 작동합니다.
- 기본적으로, esm.sh는 타입(dts)이 정의되어 있을 때 X-TypeScript-Types라는 맞춤 HTTP 헤더를 응답하며, 이는 deno 타입 검증에 유용합니다
jspm.org도 같은 방식을 따르나요?
Deno에서 npm 모듈을 가져올 때 문제가 덜 발생할 가능성이 있는 것은 어느 것입니까?
답변 #1
아니요, J
더 많은 것을 읽으십시오 →타입스크립트 - NextJs/TS ESM 모듈 가져오기 문제
코드 샌드박스
저는 일부 코드를 NextJS 11/Webpack 5로 마이그레이션하고 있으며, 이제 esm 전용인 일부 모듈(remark/unified 생태계 전체)도 마이그레이션하고 있습니다.
업그레이드 이전에는 다음과 같은 폴더에서 index.ts에 모든 파일을 요약하여 내보낼 수 있었습니다:
export { default as MarkdownRenderer } from './markdownRenderer'그리고 상위 폴더 lib (위가 elements라는 폴더에 있다고 가정할 때);
더 많은 것을 읽으십시오 →javascript - 타입스크립트에서 하나의 프로젝트 내에서 ESM과 Commonjs 사용
하나의 프로젝트에서 ESM 전용 모듈과 Commonjs 전용 모듈을 동시에 사용하는 것이 가능합니까?
저는 TypeScript를 사용하여 컴파일하고 있는데, 문제는 특정 패키지는 ESM만 지원하고 특정 패키지는 CommonJS만 지원한다는 것입니다. 그래서 컴파일러로 모듈 출력을 변경하여 컴파일하려고 할 때 오류가 발생합니다:
컴파일러 옵션 module: "ES2020"를 사용할 때
SyntaxError: Cannot use import statement outside a module 더 많은 것을 읽으십시오 →javascript - ESM 변경으로 인해 제 NestJS 프로젝트에서 충돌이 발생하고 있습니다
저는 nestjs-cashify의 저자입니다. 저는 제 패키지와 그 기본 패키지들을 업데이트하기로 결정했습니다. 제가 사용 중인 핵심 패키지 중 하나를 업데이트한 후 몇 가지 문제를 겪고 있습니다. 제 패키지의 ts 설정이 es6로 되어 있고 es2020가 아니기 때문입니다. (다시 말해, 제가 사용하고 있는 패키지의 새 버전은 최근에 es2020로 변경되었습니다)
내가 내 패키지를 일반 NestJS 프로젝트(내 예제 폴더)에서 사용하고 싶을 때, 나는 다음과 같은 오류들을 받습니다:
/home/vahidnajafi/repos/nestjs-cashify/dist/cashify.module.js:21 const cashify_1 = require("cashify"); ^ Error [ERR_REQUIRE_ESM]: requi 더 많은 것을 읽으십시오 →node.js - Typescript: 프로그래밍적으로 ESM에서 TS 활성화
Node.js와 Typescript, ts-node를 사용하고 ESM 모듈로 컴파일하는 프로젝트를 설정하고 싶습니다.
NPM의 일부 라이브러리는 최신 버전에서 ESM을 요구합니다. 그래서 저는 CommonJS 대신 ESM을 사용하는 자바스크립트 코드로 제 타입스크립트 코드를 컴파일할 필요가 있습니다.
하지만 여전히 index.js를 실행할 때 오류가 발생하고 있습니다:
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts&quo 더 많은 것을 읽으십시오 →javascript - 모듈이 단순 텍스트만 내보낼 때, 동적으로 가져온 ESModule이 왜 JSON을 반환하나요?
저는 ES2015 모듈에 대해 꽤 익숙하지만, 지금은 동시에 다음을 이해하려고 하고 있습니다:
제가 여기서 무언가 기본적인 것을
더 많은 것을 읽으십시오 →javascript - TypeScript와 함께 사용하는 Puppeteer가 esModuleInterop에서 작동하지 않음
만약 제가 tsconfig.json에서 esModuleInterop=true로 설정된 상태에서 TypeScript로 puppeteer를 사용하려고 하면 다음과 같은 오류가 발생합니다
puppeteer.launch는 함수가 아닙니다
만약 내가 puppeteer를 가져오려고 하면
import * as puppeteer from "puppeteer";이제 제 질문입니다: 이것이 의도된 동작인가요
더 많은 것을 읽으십시오 →node.js - node_option --loader ts-node/esm를 활성화하면 예외 스택 트레이스에서 잘못된 줄 번호가 표시됩니다
노드 옵션 --loader ts-node/esm를 활성화하면 예외 스택 트레이스에서 잘못된 줄 번호가 표시됩니다
문제를 재현하는 최소한의 GitHub 저장소는 여기 있습니다 https://github.com/deltaboukensha/bug-ts-loader
npm run test 스크립트에서 ts-mocha --loader ts-node/esm를 활성화했습니다
스택트레이스가 이제 잘못된 줄을 보여줍니다
옵션을 비
더 많은 것을 읽으십시오 →자바스크립트 - 기본 클래스 인스턴스화 결과 TypeError 발생 (ESM/CJS 상호 운용성)
문제 요약
안녕,
저는 TypeScript 프로젝트에서 다른 패키지의 기본 내보내기(default export)였던 클래스를 인스턴스화하려고 하고 있습니다. 제 프로젝트는 ESM 문법으로 작성되어 있는 반면, 의존하고 있는 패키지는 CJS 출력물을 가지고 있습니다. 제가 직면한 문제는 런타임에서 클래스 인스턴스화 지점에 도달했을 때 다음과 같은 오류가 발생한다는 것입니다 -
new TestClass({ a 더 많은 것을 읽으십시오 →