在混合ES/TS项目中使用Vue的组件
问题描述:
我希望能够在<script>
标签使用Vue的文件JavaScript和打字稿,所以在未设置或设置为js
然后用ES2015 lang
当<script lang="ts">
使用打字稿。我有一个现有的vue + ts项目,现在我们决定我们要在用ES6编写的vue-paper-dashboard之上构建应用程序。我仍然想保留我的组件在TS和.vue
文件与<script lang="ts">
。所以从空的仪表板项目开始,用TS/TSLint取代了Babel/ESLint。项目仍然加载罚款:vue-paper-dashboard-typescript,然而,在任何.vue
文件I设置<script lang="ts">
我得到这样的错误:在混合ES/TS项目中使用Vue的组件
Module build failed: Error: Could not find file: 'src/components/Dashboard/Views/Overview.vue'.
我已经设置--allowJs
编译器选项设置为true。我也尝试将main.js
的条目文件更改为main.ts
,对于ts-loader使用entryFileIsJs: true
,无济于事。我如何才能在混合ES/TS项目中使用vue单个文件组件?
谢谢!
答
我想我找到了修复程序。由于某种原因,我第二次尝试将入口点从main.js
更改为main.ts
,并在ts文件中进行必要的修正以进行编译。
我在这里有一个工作示例:vue-paper-dashboard-typescript