Vue.Js:别名配置

Question

我正试图在我的Vue.js项目中使用jsconfig.json为components和sub-directories制作别名。但是我得到这个错误:

jsconfig.json

{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@components/*": [
"./src/components/*"
],
}
},
"exclude": [
"node_modules"
]
}

SomeFile.vue

import GuestLayout from '@components/Layouts/GuestLayout';

错误:

ERROR  Failed to compile with 1 error
...
To install it, you can run: npm install --save @components/Layouts/GuestLayout

我试着瞪着的问题,但似乎没有什么工作。这是找到的最简单的一个https://www.youtube.com/watch?v=U73TDohXmhQ

我在这里做错了什么?

Answer 1

问题解决:

为我做的事情是在vue.config.js中设置配置，而不是使用jsconfig.json或tsconfig.json。

vue.config.js

const path = require('path');
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@Layouts': path.resolve(__dirname, 'src/components/Layouts/'),
'@Inputs': path.resolve(__dirname, 'src/components/Input/'),
'@': path.resolve(__dirname, 'src/components/'),
}
}
}
}

SomeFile.vue

import GuestLayout from '@Layouts/GuestLayout';
import FormGroup from '@Inputs/FormGroup';
...