指向分支时如何解析 "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 重新安装所有东西，但没有成功。

在node_modules文件夹中看到react-visual-filter包安装成功，但是不知为何找不到

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

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";

我迷路了。如果我 return 到“^1.0.9”错误消失。

可能是我的 PR 中的内容，但我看不到是什么。

我已经将 yarn 更新为 1.22.4。

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

感谢您的宝贵时间。

Answer 1

我使用 create-react-app 设置了一个简单的 React 项目，另外使用 link 安装了 react-visual-filter 到 github 而不是版本。我得到了同样的错误。

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

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

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

cd node_modules/react-visual-filter

npm run build

指向分支时如何解析 "Cannot find module"？

How do I resolve "Cannot find module" when pointing to a branch?

javascript

ruby-on-rails

reactjs

webpack

webpacker