External Post

next.jsとTypeScriptでpathsを指定しても解決されないときの対処

https://github.com/zeit/next-plugins/issues/207

にissueがあった。

awesome-typescript-pluginのやつはうまく行かなかったので、下記記事を参考にwebpack設定追加した

https://qiita.com/nju33/items/cf924f7b6bb513bef8a2

tsconfig.json

    "baseUrl": ".",
    "paths": {
      "~/*": ["packages/*"]
    },

next.config.js

const path = require("path")
const withTypescript = require("@zeit/next-typescript")

module.exports = withTypescript({
  webpack(config, options) {
    config.resolve.alias = {
      ...config.resolve.alias,
      "~": path.resolve("packages")
    }
    return config
  }
})
この記事の修正をする