타이핑이 있는 타입 스크립트프로젝트에서 Javascript 플러그인을 Vue.use()하는 방법
사용하려고 합니다.Semantic-UI-Vue
제 vue 프로젝트에서요.하지만, 제가 시도했을 때 다음과 같은 오류가 발생합니다.Vue.use(SuiVue)
:
'type of import("semantic-ui-vue")" 유형의 인수는 'PluginObject <{}> | PluginFunction <{}>' 유형의 매개 변수에 할당할 수 없습니다.\n 'type of import("semantic-ui-vue")" 유형은 'Plugin Function' 유형에 할당할 수 없습니다.< { } >\n 'type of import("semantic-ui-vue")"를 입력하면 시그니처 '(Vue:Vue Constructor, options?)'와 일치하지 않습니다.{} | 정의되지 않음): void.'
작성했습니다..d.ts
SuiVue를 Import할 수 있는 파일:
declare module 'semantic-ui-vue'{}
그리고 나는 그것을 수입한다.app.ts
다음과 같이 합니다.
import * as SuiVue from 'semantic-ui-vue';
다음과 같은 글로벌 TypeScript 설정을 비활성화하지 않고 이 플러그인을 타이프스크립트 프로젝트에서 사용할 수 있도록 하려면 어떻게 해야 합니까?noImplicitAny
?
교체하다declare module 'semantic-ui-vue'{}
와 함께declare module 'semantic-ui-vue';
declare module 'semantic-ui-vue'{}
모듈에 빈 객체의 유형이 있음을 의미합니다.{}
.
declare module 'semantic-ui-vue';
모듈의 타입이 any임을 의미합니다.
https://www.typescriptlang.org/docs/handbook/modules.html 의 「주변 모듈」을 참조해 주세요.
OP에서 파악한 바와 같이, 수입 명세서를 다음과 같이 변경해야 합니다.import SuiVue from 'semantic-ui-vue';
그것이 작동하기 위해서
언급URL : https://stackoverflow.com/questions/54357611/how-to-vue-use-a-javascript-plugin-in-a-typescript-project-that-does-have-typi
'programing' 카테고리의 다른 글
하위 구성 요소 간에 데이터 전달 (0) | 2022.07.05 |
---|---|
Mac에서 IntelliJ IDEA의 IDE 메모리 제한을 늘리는 방법 (0) | 2022.07.05 |
Vuetify를 통한 국제화 (0) | 2022.07.03 |
VueJ에서 컴포넌트를 정기적으로 업데이트하려면 어떻게 해야 합니까? (0) | 2022.07.03 |
Vuex에서 모듈을 가져오고 재설정하는 방법 (0) | 2022.07.03 |