如果使用 yarn link'ed 包，vue-cli-service 将无法服务

Posted 2023-02-16

【中文标题】如果使用 yarn link\'ed 包，vue-cli-service 将无法服务

【英文标题】：vue-cli-service won't serve if using yarn link'ed package如果使用 yarn link'ed 包，vue-cli-service 将无法服务

【发布时间】：2021-09-12 13:43:41

【问题描述】：

我在 GitHub 上托管了一个私有 npm 包。该包本质上是一个 Vue 组件，我使用 vue-cli-service build --target lib --name init-map src/main.ts 构建它。这是main.ts的内容：

import InitMap from "./components/InitMap.vue";

export  InitMap ;

我在我的另一个项目中使用该包，并同时开发它们。因此，我想链接包：yarn link（在包目录中），然后在消费项目目录中yarn link @smellyshovel/init-map。

问题是当我在主项目中运行“yarn serve”（即vue-cli-service serve）时，它会冻结在 69%...

...而且似乎永远保持这种状态。

Axios 对我来说似乎不是问题（即使是消息），因为 1）没有链接包，一切都可以正常工作，2）它有时会显示不同的消息（58 上与 bootstrap-vue 相关的东西%) 虽然我只看到过类似的另一条消息（并且不确定究竟是什么导致了差异）。

我做错了什么？为什么在使用链接包作为依赖项时serve 会冻结？我该如何解决？

请说出您希望我展示的任何其他内容，因为我不确定与该问题究竟有什么关系，因此没有包含任何可能感兴趣的细节。

【参考方案1】：

好的，问题似乎确实与解析符号链接有关，解决方案是简单地阻止 webpack 解析这些符号链接：https://github.com/vuejs/vue-cli/issues/1494#issuecomment-498144990

configureWebpack: 
    resolve: 
        symlinks: false,
    ,