將打字稿添加到Vue + Rails應用-導入不再起作用？

Question

我正在嘗試將TypeScript添加到現有的VueJS + Rails應用程序中。 我克隆了此演示（ https://github.com/gbarillot/rails-vue-demo-app ），然后按照https://github.com/rails/webpacker中的說明進行操作

$ bundle exec rails webpacker:install:vue
$ bundle exec rails webpacker:install:typescript

然后，我按此處所述修改了config/webpack/loaders/typescript.js 。

一切似乎都可以編譯，但是當我進入“ home”視圖並將script更改為打字稿時：

<script lang="ts">
import Layout from '../shared/layout';

export default {
  components: {
    Layout
  }
}
</script>

我收到以下錯誤：

Failed to compile.

/Users/matt/projects/rails-vue-demo-app/app/javascript/packs/components/home/index.vue.ts
[tsl] ERROR in /Users/matt/projects/rails-vue-demo-app/app/javascript/packs/components/home/index.vue.ts(13,20)
      TS2307: Cannot find module '../shared/layout'.

啟用打字稿后為什么不能再找到布局文件？

Answer 1

我記得在演示組件中遇到了類似的問題。 嘗試在shared/layout添加一個空的導出，以便打字稿可以提取它：

<script lang="ts">
  export default {}
</script>