TypeScript Playground로 라이브러리를 가져오는 방법

TypeScript Playground로 라이브러리를 가져오는 방법

TypeScript Playground는 이 가져오기를 주저하지 않는 것 같습니다.

import * as _ from "underscore";

다음과 같이 사용하려고 할 때까지:

const equalResult = _.isEqual('ABC', '123');

그런 다음 다음 오류가 발생합니다.

[ERR]: Executed JavaScript Failed:
[ERR]: Cannot use import statement outside a module

운동장은 JSDoc를 주기 때문에 도서관을 이해하는 것 같아서, 이것이 효과가 있을 것이라고 생각합니다만, 어떻게 하면 좋을까요?

TypeScript Playground는 완전한 샌드박스 솔루션이 아닙니다.이것은 단지 의존성이 필요 없는 단순한 유형의 탐색기를 의미합니다.

사용 사례를 위해 CodeSandbox를 대신 사용하는 것이 좋습니다.샌드박스를 만들 때 선택할 수 있는 TypeScript 템플릿이 많이 포함되어 있습니다.TypeScript Playground에는 CodeSandbox에서 직접 코드를 열 수 있는 내보내기 메뉴도 있습니다.

UI는 VS Code를 기반으로 하기 때문에 익숙한 사용자라면 편안함을 느낄 수 있습니다.

"가져오기"를 의미하는 경우import런타임에 액세스할 수 있는 npm 패키지를 포함하는 것은 유감스럽게도 TypeScript Playground의 기능이 아닙니다. 언어와 컴파일러의 기능을 테스트하기 위한 것입니다.

다른 사람들이 제안한 대로 npm 패키지, 번들러 등을 포함하고 CodeSandbox 체크아웃을 하려면 샌드박스 환경을 사용해야 합니다.

---

특정 오류에 대해:

[ERR]: Executed JavaScript Failed:
[ERR]: Cannot use import statement outside a module

이는 TypeScript Playground에 의한 패키지 지원 부족이 아니라 현재 구성 때문입니다.기본적으로 .js 출력은 다음과 같습니다.

import * as _ from "underscore";
const equalResult = _.isEqual('ABC', '123');

이는 기본값 때문입니다.modulePlayground의 설정은ESNext.

이걸 로 바꾸면.CommonJS예를 들어, 우리는 다음을 얻습니다.

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? 

// A bunch more lines .....

const _ = __importStar(require("underscore"));
const equalResult = _.isEqual('ABC', '123');

이제 패키지를 사용할 수 없음을 명시적으로 알려주는 또 다른 오류가 발생합니다.

[ERR]: "Executed JavaScript Failed:" 
[ERR]: Check dependency list! Synchronous require cannot resolve module 'underscore'. 
       This is the first mention of this module! 

운동장이 스마트해서 자동으로 파일 형식을 가져올 수 있습니다.import문, 이 밖의 외부 모듈은 지원하지 않습니다.

저는 같은 문제를 해결하기 위해 여기에 왔고, 계속해서 파고들었고, 이것이 제가 생각해낸 최고의 해결책이었습니다.

https://jsfiddle.net/, 에 가면 언어로 "Typescript"를 선택하고 라이브러리로 "underscore.js"를 선택할 수 있으며 놀이터와 비슷한 환경을 만들 수 있습니다.JFidle 웹 사이트의 JS 텍스트 상자 위에 있는 언어 유형을 클릭하여 언어 및 라이브러리를 선택할 수 있습니다.

원래 질문에 답하지는 않지만 누군가에게는 실행 가능한 해결책일 수 있습니다.

언급URL : https://stackoverflow.com/questions/62745934/how-to-import-library-with-typescript-playground