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

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并用纱线重新安装所有内容，但没有成功。

我可以看到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”，错误就会消失。

可能是我的公关中的某些内容，但我看不到是什么。

我已经将纱线更新为1.22.4.

我错过了什么？谁能帮我这个？

感谢您的时间。

Answer 1

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

react-visual-filter缺少包含dist必要文件（例​​如入口点）的文件夹的内容index.js

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

如果你做不到这一点，你可能会排除src webpack.config.js其他内容.npmignore并在安装后在本地构建它

cd node_modules/react-visual-filter

npm run build