ES/TS 혼합 프로젝트에서 Vue 구성 요소 사용
JavaScript와 TypeScript 모두에 Vue 파일을 사용할 수 있도록 하고 싶다.<script>때 태그하다lang설정되지 않았거나 로 설정되어 있지 않다.js그 후 ES2015를 사용하여<script lang="ts">TypeScript 를 사용합니다.기존 vue+t 프로젝트가 있는데, ES6로 작성된 vue-paper-dashboard 위에 앱을 구축하기로 결정했습니다.컴포넌트를 TS에 보관하고 싶다..vue파일링<script lang="ts">빈 대시보드 프로젝트로 시작하여 Babel/ESLint를 TS/TSLint로 대체하였습니다.프로젝트가 정상적으로 로딩됩니다.단, vue-paper-dashboard-typescript가 있는 경우.vue내가 설정한 파일<script lang="ts">다음과 같은 오류가 발생합니다.
Module build failed: Error: Could not find file: 'src/components/Dashboard/Views/Overview.vue'.
나는 이미 설정했다.--allowJs컴파일러 옵션을 true로 설정합니다.엔트리 파일 변경도 시도했습니다.main.js로.main.ts,사용했다entryFileIsJs: truets-module은 사용할 수 없습니다.혼합 ES/TS 프로젝트에서 vue 단일 파일 컴포넌트를 작동시키려면 어떻게 해야 합니까?
감사합니다!
내가 해결책을 찾은 것 같아무슨 이유에서인지 두 번째로 진입점을 바꾸려고 했을 때 효과가 있었어요main.js로.main.ts컴파일하기 위해 ts 파일에 필요한 수정을 가합니다.
여기 작업 샘플이 있습니다.vue-paper-dashboard-typescript
업데이트: Creative-Tim은 현재 TypeScript를 지원하는 CLI 3을 사용하는 Vue Paper Dashboard 2 Pro (무료 아님)를 제공하고 있습니다.다음 명령을 사용하여 TS 지원을 프로젝트에 추가합니다.vue add @vue/typescript.
언급URL : https://stackoverflow.com/questions/46497473/using-vue-components-in-a-mixed-es-ts-project
'programing' 카테고리의 다른 글
| vuex에 저장된 json 데이터 추가 및 읽기 (0) | 2022.08.17 |
|---|---|
| 캐시가 없는 VueJs 계산 속성 (0) | 2022.08.17 |
| VueX 스토어 필드의 값을 사용하여 컴포넌트를 초기화하려면 어떻게 해야 합니까? (0) | 2022.08.17 |
| Vuetify 목록 내 VueJs에서 Vuex 스토어에서 상태를 가져오는 방법 (0) | 2022.08.17 |
| Vue.js mixin 가져오기가 앱으로 가져오지 않음 (0) | 2022.08.17 |