2017-09-29 1 views
2

태그에 Vue 파일을 사용할 수있게하려면 lang이 설정되지 않았거나 js으로 설정되어있는 경우 ES2015를 사용하고 <script lang="ts"> TypeScript를 사용하는 경우 . 기존의 vue + ts 프로젝트가 있는데, 이제 우리는 앱을 vue-paper-dashboard 위에 작성하고 ES6로 작성하기로 결정했습니다. 나는 여전히 내 구성 요소를 TS에 보관하고 .vue 파일을 <script lang="ts">으로 유지하려고합니다. 따라서 빈 대시 보드 프로젝트로 시작하여 Babel/ESLint를 TS/TSLint로 대체했습니다. 프로젝트는 아직 유효로드 :혼합 된 ES/TS 프로젝트에서 Vue 구성 요소 사용

Module build failed: Error: Could not find file: 'src/components/Dashboard/Views/Overview.vue'. 

이미 true로 --allowJs 컴파일러 옵션을 설정 한 : vue-paper-dashboard-typescript은, 그러나, 어떤 .vue 파일에 나는 <script lang="ts"> 내가 오류가 같이 얻을 설정합니다. 또한 입력 파일을 main.js에서 main.ts으로 변경하려고 시도했으며 ts-loader에 entryFileIsJs: true을 사용했습니다. 혼합 된 ES/TS 프로젝트에서 vue 단일 파일 구성 요소를 작동시키는 방법은 무엇입니까?

감사합니다.

답변

0

수정 사항을 발견했다고 생각합니다. 어떤 이유로 엔트리 포인트를 main.js에서 main.ts으로 변경하고 컴파일 할 ts 파일에 필요한 수정을가하려고 시도한 것이 두 번째로 작용했습니다.

여기에 실제 샘플이 있습니다. vue-paper-dashboard-typescript

관련 문제