我是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。