vue-cli3 vue.config.js中配置src別名時出現的問題

問題：在vue.config.js中配置 src別名時出現的問題

報錯的寫法：

let path = require('path');

function resolve (dir) {
    path.join(__dirname, dir);
}

module.exports = {
    chainWebpack: config => {
        config.resolve.alias.set('@', resolve('src'))
    }
}

報的錯誤：

 

一直沒找到是什么原因

 

解決辦法：

let path = require('path');

function resolve (dir) {
    path.join(__dirname, dir);
}

module.exports = {
    chainWebpack: config => {
        // config.resolve.alias.set('@', resolve('src'))
    },
    configureWebpack: {
        resolve: { extensions: ['js', 'vue'],
            alias: {
                '@': resolve('src') } }
    }
}