指向分支时如何解决“找不到模块”？

Question

希望你们一切都好。

所以，我面临的问题是当我指向一个分支时，webpacker 找不到“react-visual-filter”模块。

之前，当一切正常时，这个包指向一个特定的版本：

"react-visual-filter": "^1.0.9"

所以我创建了一个经过改进的简单 PR(#5)，并尝试在模块外测试结果。要更新 package.json 文件以指向我的分支，我使用了以下命令：

yarn add https://github.com/rfdavid/react-visual-filter.git#feature/add-text-box

并且 package.json 文件更新为：

"react-visual-filter": "https://github.com/rfdavid/react-visual-filter.git#feature/add-text-box"

好的。我认为一切都很好，但是当 webpacker 尝试编译修改时会发生这种情况：

Module not found: Error: Can't resolve 'react-visual-filter' in '/path/to/app/javascript/packs'

没有找到？

我尝试删除 node_modules 并使用 yarn 重新安装所有内容，但没有成功。

可以看到react-visual-filter包在node_modules文件夹内安装成功，但是由于某种原因找不到。

有趣的是，在收到此错误后，如果我尝试更新：

import VisualFilter from "react-visual-filter";

收件人：

import VisualFilter from "react-visual-filter/src";

模块找到了，但我遇到了另一个问题：

Module parse failed: Unexpected token (155:6)
You may need an appropriate loader to handle this file type, currently, no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

等等，什么？那么包存在但可以解析？

但是这个文件之前被解析得很好。我不确定这个错误是否准确。而且我认为我需要这样做：

import VisualFilter from "react-visual-filter";

我迷路了。如果我返回“^1.0.9”，错误就会消失。

我的 PR 中可能有一些东西，但我看不到是什么。

我已经将 yarn 更新为 1.22.4。

我错过了什么吗？谁能帮我解决这个问题？

感谢您的宝贵时间。

Answer 1

我使用create-react-app 设置了一个简单的反应项目，并使用指向 github 的链接而不是版本另外安装了react-visual-filter。我遇到了同样的错误。

react-visual-filter 的内容缺少dist 文件夹以及入口点index.js 等必要文件

最简单的解决方法是取消忽略 dist 文件夹并将其推送到分支。

如果你不能这样做，你可能会从 .npmignore 中排除 src webpack.config.js 和其他东西，并在安装后在本地构建它

cd node_modules/react-visual-filter

npm run build