对 node_module 的更改未反映 reactjs

Posted 2023-03-07

【中文标题】对 node_module 的更改未反映 reactjs

【英文标题】：Changes to node_module not being reflected reactjs

【发布时间】：2019-05-22 17:16:36

【问题描述】：

我正在使用react-html-table-to-excel，我想做的是更改导出按钮的样式。因此，我将文件定位在：node_module/react-html-table-to-excel/src/ReactHTMLTableToExcel.jsx 并按照我的意愿进行了更改。

但是，当我保存文件并刷新浏览器时，更改并未反映在浏览器中。为了确保这一点，我什至注释掉了整个文件并重新启动了服务器，但仍然没有对导出按钮进行任何更改。

非常感谢任何帮助！

【问题讨论】：

两件事：1. 不要更改 node_modules 中的内容。当您更新软件包时，您的更改将消失。 2. 如果您想看到您的更改生效，这些更改需要重新编译。 npm i 应该这样做。

@jmargolisvt 感谢您的回复。我尝试了 npm i 仍然没有任何变化。

之后您也需要重新启动服务器。

【参考方案1】：

如果要更改样式，最好在项目的全局style.css文件中更新。

不要更改 node_modules 中的任何内容。这不是你的代码。这是库代码。这是第三方代码。每次有人运行 npm install 或重新克隆您的 repo 或 repo 版本更新时，它都会被替换/更新。您甚至无法知道运行时是否使用了特定文件；组件模板的 HTML 文件可能不是。包裹是一个黑盒子。根据库的打包方式，模板很可能已经在包发布之前的构建步骤中进行了预编译。

【讨论】：

我们中的一些人使用 npx 补丁包来安全地管理对 node_modules 代码的更新，并且无法使用更高级别的 style.css 或类似文件来进行适当的更新。

@dan674 全局 style.css 或任何组件级样式文件都可以使用。在少数情况下您的样式规则未反映您可以添加!important。

我正在使用补丁包更改 node_modules 中的组件本身，而不是样式和 css 文件。我也遇到了描述为“对 node_module 的更改未反映 reactjs”的问题。结果，“只使用全局 style.css”并没有回答问题！