在 node_modules 依赖项中找不到此依赖项答案

【问题标题】：This dependency was not found in node_modules dependency在 node_modules 依赖项中找不到此依赖项
【发布时间】：2021-01-21 15:20:47
【问题描述】：

我有一个 Vue.js 项目A，我想在另一个 Vue.js 项目中重用它B。

它们的设置非常相似：Vue.js + Typescript

我尝试将组件从 A 导入到 B。我的工作：

将 A 项目作为 git 子模块添加到 B
将 npm 依赖添加到 A 项目*
从此 npm 依赖项导入组件

此组件以这种方式使用 A 项目中的一些实用程序：

import { func } from '@/utils/functions';

一个项目在tsconfig.json中指定了paths选项：

"paths": {
        "@/*": [
            "src/*"
        ]
    }

当我启动 B 应用程序时，我收到一条错误消息：

This dependency was not found:

* @/utils/functions

似乎以这种方式指定的相对路径 (@/) 未在 node_modules 中解析。

那么，我应该如何在 B 项目中定义 tsconfig.json 来解决我导入的组件的这种依赖关系？或者有没有其他方法可以做我上面描述的事情（也许是关于 webpack 配置的东西）？

【问题讨论】：

标签： typescript vue.js webpack

【解决方案1】：

在 webpack 配置中尝试类似的东西

module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.join(__dirname, 'src'),
            }
        },
    }
}

【讨论】：