问题标签 [npm-link]

如何使用通过导入的模块

进入 webpack 的 React 应用程序？

MyModule/package.json 是这样的

我打了

如果我以这种方式导入我的模块

我有一个错误

我创建了一个小型反应组件，并将其上传到私有 npm。我尝试在我的 create-react 应用程序中实现它。当我在本地使用它（npm 链接）时，一切正常但是当我尝试使用服务器版本（npm 安装）时，我收到以下错误

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

任何想法为什么？

谢谢

我以为我明白两者之间的区别

和

最初我认为前者创建了指向 x 的符号链接，而后者在您的项目中安装了 x 的单独副本，而不是对其进行符号链接。

但是，我最近注意到我最初的印象是错误的，它们似乎都使用符号链接 - 那么两者之间有什么区别吗？

When I am developing a JavaScript module, I can use npm link to install my local development version in local projects that use the module as a dependency. This is a great workflow.

It's not developing in place, which I think is a less good than TDD, but its a way easier way to do integration testing and manual QA, I think.

In Composer, I can, if possible, force a package to install using git, so then I can develop in place. Nice, but not great.

Short version of question: Can I tell composer to temporarily install a dependency from a git repo/ set of files in my local file system and control the link from the composer CLI?

我试图使用 npm link 链接到我们在不同 JS 项目中使用的组件和代码。项目以及共享的组件和包都在同一个 Git 存储库中。使用 'npm link' 允许我从项目中访问这样的包，但没有在项目的 package.json 中添加任何内容。这意味着即使所有的包和项目都在同一个存储库中，由于它没有记录在 package.json 中，它会破坏团队中其他成员的项目。我尝试在项目目录中的命令中添加“-save”（“npm link -save”但没有效果。有没有办法让“npm link”为团队工作？

我正在学习如何使用yarn link来处理包并在主机应用程序中反映更改，我要么没有得到什么，要么有些东西不起作用。

它全部内置在angular5 ..

我有一个应用程序 MyApp，其中@org/my-package包含node_modules.

我需要对 my-package 进行更改，以便提供yarn link用于创建符号链接并在 MyApp 中测试包的更改。

这就是我所做的...

在我的包中，我运行一个构建。它创建分发文件。然后我 cli 进入 dist 包并运行yarn link..这是成功的..我得到了yarn link @org/my-package在 MyApp cli 中使用的说明..

然后我去 MyApp，然后运行yarn link @org/my-package​​. 这也是成功。。

但是，当我在 my-package 中进行更改并再次运行构建时，它们不会反映在 MyApp 中。

我不明白什么？

我没有错误。

@org/my-package那在 MyApp 中是否node_modules应该存在？在 my-package 中的 dist 上不是yarn link要覆盖那个吗？

无论我搜索多少，看起来纱线文档对这个主题有点轻描淡写。

目前我正在开发多模块 UI 项目，其中每个模块都需要使用 npm 插件（如copy、concate等grunt）构建。

现在因为有大量的模块，并且构建每个模块，它需要在node_modules本地下载包，这需要很多时间，我所做的只是从父包全局下载。

但是仍然在构建子模块时，它会抛出本地找不到的错误包（比如grunt本地找不到等），所以为了解决这个问题，我在每个模块中使用 npm link 命令创建了符号链接，它在每个模块中创建了本地node_modules目录并正常工作美好的。

但是构建每个模块后的主要问题是，我需要在node_modules. 如果我正在使用 command: npm unlink <pkg>，那么它正在pkg全局卸载，使 pkg dir 为空，这是我不想要的。我只需要从子模块中取消链接，而不是全局卸载。我用谷歌搜索了，但我只是找到 npm unlink 作为解决方案。即使我node_modules从子模块中删除目录，它也会全局删除它。任何解决方案。

我当前的前端开发设置如下：

• browserify 作为构建工具

• budo作为开发服务器

我有几个共享模块打包并发布在 npm 上，用作许多项目之间的依赖项。

然而，开发反馈周期太长，因为npm link ../<repo> && npm run dev每次我需要查看更新的更改时我都必须运行，并且完成链接所需的时间太长，大约。2-5分钟。

有没有办法可以观察链接模块中的更改并重建更改的文件？

module-A 的 package.json 将 module-B 列为依赖项

模块 B 是本地模块，并且从模块 A 与npm link. 编译/运行一切都很好。

但是，当我尝试在模块 A 中安装任何新模块时，npm install something或者只是运行npm install，或者npm uninstall something我总是从 npm 收到错误，即找不到本地模块（它是 npm 链接的）。

我按照这里的建议检查了两个模块中的main属性。有几个类似的问题，但似乎都不是这个问题或给出有效的解决方案。package.json

现在我手动从 package.json 中删除所有提到的链接模块，然后我运行 npm 命令，然后将它们添加回 package.json

我正在使用 npm 6.1.0

编辑：啊，这可能很关键？@mynamespace/module-b 在 NPM 注册表中尚不存在，仅在本地存在

我认为这是与将存储保存在 npm 链接文件夹中相关的配置问题。

1. 我做了一个 vue-cli 3 项目并运行了“计数器”示例（来自https://github.com/vuejs/vuex/tree/dev/examples/counter）
2. 工作：当我将 store.js 移动到已安装的node_modules 包（并更新其导入 url）时，它会继续工作。
3. 中断：当我将 store.js 移动到npm 链接的node_modules 包时，它会编译并且开发工具会找到存储，但我得到一个空白屏幕和控制台错误：属性或方法“$store”未在实例上定义，但在期间引用使成为

如果我构建最小化的 js（npm run build），它也可以与链接包一起正常工作。是否有我缺少的配置设置？