Next.js如何配置import path

首先使用alias

在next.config.js文件中, 添加如下代码

const path = require('path');

module.exports = {
  webpack: config => {
    config.resolve.alias['~'] = path.resolve(__dirname);
    return config;
  }
};

此时已经可以使用'~/components/Widget'这种形式的引入了

让vscode识别出来别名路径

jsconfig.json中添加如下代码

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

即可
此时vscode可以认出来你的别名路径了