1 安装依赖
npm install --save-dev babel-plugin-module-resolver
# yarn add babel-plugin-module-resolver --dev

npm install --save-dev babel-plugin-module-resolver
# yarn add babel-plugin-module-resolver --dev
根目录新增.babelrc文件
参考以下内容按您项目中的需要去修改
{
"presets": ["next/babel"],
"plugins": [

[

"module-resolver",

{

"alias": {

"@/actions": "./actions",

"@/components": "./components",

"@/constants": "./constants",

"@/pages": "./pages",

"@/public": "./public",

"@/reducers": "./reducers",

"@/utils": "./utils"

}

}

]
]
}

{
"presets": ["next/babel"],
"plugins": [

[

"module-resolver",

{

"alias": {

"@/actions": "./actions",

"@/components": "./components",

"@/constants": "./constants",

"@/pages": "./pages",

"@/public": "./public",

"@/reducers": "./reducers",

"@/utils": "./utils"

}

}

]
]
}
修改tsconfig.json文件
{
"compilerOptions": {

"baseUrl": "./",

"paths": {

"@components/*": ["./components/*"],

"@pages/*": ["./pages/*"],

"@public/*": ["./public/*"]

}
}
}

{
"compilerOptions": {

"baseUrl": "./",

"paths": {

"@components/*": ["./components/*"],

"@pages/*": ["./pages/*"],

"@public/*": ["./public/*"]

}
}
}
注意"baseUrl": "./",不能省去，否则ts报Option 'paths' cannot be used without specifying '--baseUrl' option.错误next.js中配置alias也可以参考如上步骤