Invalid vue.config.js configuration?

vue.config.js is located in the root directory
projects built with vue-cli3

const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    lintOnSave: true,
    //  sourceMap 
    productionSourceMap: false,
    //  CSS source maps?
    sourceMap: false,
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("utils", resolve("src/utils"));
    }
};

references in components

import { toggleFullscreen } from "utils/fullScreen";

error

Module not found: Error: Can"t resolve "utils/fullScreen" in "E:\Projects\***\src\components"

what should I do about this?

May.07,2021

. Wrong
correct way to write:

const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    lintOnSave: true,
    //  sourceMap 
    productionSourceMap: false,
    //  CSS source maps?
    css:{
        sourceMap: false,
    },
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("utils", resolve("src/utils"));
    }
};
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b385b0-2c11e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b385b0-2c11e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?