我是Vue.js的新手。我在研究某人的代码。有两个文件,比如src/a/B.vue和src/c/d.js。src/a/B.vue中的import语句很简单
import {b} from 'c/d'
当我使用相同的语句时,我会收到一个错误,抱怨在src/a中找不到c/d.js。我猜有一些配置或编译标志。如何调试问题?我可以在旧项目和我的项目上使用yarn serve。
yarn serve
g52tjvyc1#
您可以为“src”fodler创建一个别名,然后您的导入路径如下所示:
import {b} from '@/c/d'
如果使用Vite,则默认情况下已定义别名。你可以在vite.config中找到它
export default defineConfig({ plugins: [vue(), vueJsx()], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) // this is an alias } } })
请提供您使用的Vue版本的信息。你用Vite还是别的什么?
63lcw9qa2#
看起来如果我使用相同的yarn.lock来实现相同的包版本,然后使用相同的vue.config.js文件,问题就解决了。这可能与软件包版本有关。我看到的工作vue版本是2.6.12。
2条答案
按热度按时间g52tjvyc1#
您可以为“src”fodler创建一个别名,然后您的导入路径如下所示:
如果使用Vite,则默认情况下已定义别名。你可以在vite.config中找到它
请提供您使用的Vue版本的信息。你用Vite还是别的什么?
63lcw9qa2#
看起来如果我使用相同的yarn.lock来实现相同的包版本,然后使用相同的vue.config.js文件,问题就解决了。这可能与软件包版本有关。我看到的工作vue版本是2.6.12。