vue.js - Vue项目无法解析 '@'

Question

我的 vue-cli 版本是 4.5.15，但它无法将 @ 解析为 ./src 并且找不到所有使用 '@' 的路径。为什么会发生这种情况，我该如何解决？

Answer 1

你的语句试图导入一个不存在的文件:import Layout from '@/layout' would work with layout.vue or layout/index .js，两者都不存在。

要解决此问题，您可以导入带有完整路径的单个组件(如@wittgenstein 的评论中所述):import Footer from '@/layout/Footer'

或者您可以创建 layout/index.js 来公开目录中的所有组件:

import Footer from './Footer.vue'
import Header from './Header.vue'
// ...

export default {
  Footer, Header, // ...
}

然后您可以像这样导入组件:import { Footer, Header } from '@/layout'