Vue.js + TypeScript 설정의 최소한의 실제 예를 웹에서 검색했습니다. 평소와 같이 "최신 자바 스크립트 스택"과 같이 대부분의 튜토리얼은 불과 몇 달 전에 작성되었거나 매우 구체적인 설정에 따라 오래된 것입니다. 위에 구축 할 수있는 일반적이고 검증 가능한 예제가없는 것 같습니다.TypeScript를 Vue.js 및 단일 파일 구성 요소와 함께 사용하는 방법은 무엇입니까?
- https://vuejs.org/v2/guide/typescript.html
- https://herringtondarkholme.github.io/2016/10/03/vue2-ts2/
- http://www.mindissoftware.com/Vue-Sample-in-Typescript/
- https://medium.com/@hayavuk/setting-vue-up-for-typescript-goodness-a6ddc4072f4f
- https://johnpapa.net/vue-typescript/
- https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/ ,536 : 여기 내가 생각하는 자원 중 일부입니다
내가 사용하는 기본 템플릿은 모든 기본 옵션을 사용하여 vue-cli init webpack
을 실행하여 제공되는 템플릿입니다. 이렇게 많은 코드가 생성되므로 여기에 모든 것을 붙여 넣지는 않습니다. 일부 발췌가 필요한 경우, 기꺼이 질문을 업데이트 할 것입니다.
공식적인 Vue.js 문서는 TypeScript를 SFC와 함께 설정하는 것을 고려하지 않기 때문에 제 목적에는 쓸모가 없습니다. 나가 시도한 최신은 명부의 마지막에이었다. 나는 정확하게 설정을 따라하지만 npm run dev
에 다음과 같은 오류로 저를 실행합니다
[tsl] ERROR in /Users/[REDACTED]/ts-test/src/main.ts(12,3)
TS2345: Argument of type '{ el: string; router: any; template: string; components: { App: { name: string; }; }; }' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
Object literal may only specify known properties, and 'router' does not exist in type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
사람은 이런 일이 발생하고 어떻게 해결하는 이유에 대해 어느 정도의 실마리를 제공 할 수 있습니까? 더 나아가 webpack
템플릿으로 Vue.js + TypeScript 구성을 설정하는 방법에 대한 간략하고 간단한 단계별 예제를 매우 환영합니다.
바닐라 자바 스크립트를 사용하여 Vue.js에서 프로덕션 환경에서 실행되는 여러 클라이언트 프로젝트를 이미 성공적으로 완료했지만 Vue.js와 결합 된이 TypeScript 툴링은 나 혼란에 빠져 있습니다.
안녕하세요 언급했다 생각하지 않는 것은 타이프 라이터와 템플릿이이 https://github.com/morganster 도움이되기를 바랍니다있다/vue-ts-webpack-template – Morganster
불행히도 지금은 Vue 라우터 부분을 다루지 않으므로. – herrbischoff
현재로서는 모든 예제가 비대 해지고 복잡하거나 vue-router/vuex를 고려하지 않습니다. 이 설정으로 인내심을 잃을 것입니다. 나는 아마 그 모든 것을 버리고 내가 항상 가지고있는대로 계속할 것이다. – herrbischoff