在混合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