javascript - 指向分支时如何解决 "Cannot find module"？

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 建立了一个简单的 react 项目并额外安装了react-visual-filter使用指向 github 的链接而不是版本。我得到了同样的错误。
react-visual-filter的内容丢失了 dist包含必要文件的文件夹，例如入口点 index.js
最简单的解决方法是取消忽略 dist文件夹并将其推送到分支。

如果你不能这样做，你可能会排除 src webpack.config.js以及来自 .npmignore 的其他内容安装后在本地构建
cd node_modules/react-visual-filternpm run build