WebStorm和Webpack别名无法正常使用

Question

我正在使用Webpack别名，并试图让WebStorm完全识别它。

这是我的配置

resolve: {
    extensions: ['.js', '.json', '.vue'],
    alias: {
        '@': path.resolve(__dirname, 'resources/js/') + '/',
    },
},

我面临且无法找到解决方案的问题是，当我导入具有以下别名的文件时：import router from '@router' WebStorm将无法识别router文件，除非我添加斜杠别名之后：import router from '@/router'。它确实以任何一种方式进行编译。

有没有一种方法可以使WebStorm识别文件而不使用斜杠，因此我可以 Cmd +单击来查看源代码？我知道要问我，就像语法没有斜杠多了很多是徒劳的。如果没有，我会忍受的。