Yarn/NPM 链接包未在浏览器中显示更改

Lau*_*ops 9 caching npm reactjs webpack yarnpkg

语境

我有两个项目,main并且styles. Main用作stylesnpm 包,将其导入为@companyname/styles. 我需要进行更改styles并希望在本地链接它以查看main.

这是一个 React 应用程序,使用 Webpack 和 babel。Yarn 是最受欢迎的包管理器。

问题

使用npm linkORyarn link可以工作,因为我可以进入node_modules/@companyname/styles其中的文件夹main并查看其中的更改。

但是,浏览器中不会反映任何更改。

我一次只使用其中之一(yarn/npm),但其中之一存在问题

我尝试过的事情

  • 正在删除node_modules、重新安装和重新链接
  • 取消链接和重新链接
  • 重建
  • 清除npm缓存,清除yarn缓存
  • 以隐身方式查看网站
  • 删除dist文件夹中main并重新安装
  • 添加CleanWebpackPlugin到我的 webpack 配置
  • 添加hot: true,到我的devServerwebpack 配置中的配置。

长话短说

Yarn/npm 链接不会显示我在浏览器中的更改,但会显示node_modules. 导致浏览器无法读取更改的原因。请帮忙。

sku*_*ube 0

您是否尝试过删除锁定文件?

rm package-lock.json
npm clean-install
Run Code Online (Sandbox Code Playgroud)