将打字稿添加到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>