设置git npm依赖进行调试

时间:2018-11-14 23:21:22

标签: javascript node.js git npm webpack

第一次尝试这样做,所以不太确定我在做什么或如何设置它。

我需要调试我在应用程序中使用的库。最初,我安装了n。对于调试而言,这种方法不太有效,我遇到了这个答案,描述了如果需要修改依赖项,如何处理依赖项:

https://stackoverflow.com/a/13302095/3123109

所以我现在正在做npm install @react-pdf/renderer,它将回购副本放入我的npm install https://github.com/diegomura/react-pdf/tarball/master中。

我觉得这样做之后会“正常工作”。当然不是那么简单...


我尝试过的事情

  1. 我的应用程序上正在运行NPM。出现的第一个错误是我所在的组件中的node_modules。好的,因此将我的Module not found: Error: Can't resolve '@react-pdf/renderer'更新为以下内容,以查看库的importindex.js

  2. 清除该消息。现在我得到了:

    import { Document } from '@react-pdf/renderer/src

研究它,听起来好像是一个ERROR in /mnt/c/Users/User/projects/current/client/node_modules/@react-pdf/renderer/src/elements/Page.js 11:22 Module parse failed: Unexpected token (11:22) You may need an appropriate loader to handle this file type. | | class Page extends Base { > static defaultProps = { | size: 'A4', | orientation: 'portrait', @ /mnt/c/Users/User/projects/current/client/node_modules/@react-pdf/renderer/src/elements/index.js 3:0-26 13:8-12 @ /mnt/c/Users/User/projects/current/client/node_modules/@react-pdf/renderer/src/index.js 问题:

https://stackoverflow.com/a/41412906/3123109

好的,我将其添加到babel-preset-stage-0中的.babelrc中,因为它丢失了。同样的问题。

  1. 我想我需要将其添加到我的@react-pdf/renderer中,这也需要执行.babelrc(即使我没有在应用程序中使用它,但无论如何)。遇到此错误:

    npm install --save-dev babel-preset-stage-0

显然与Babel 6和Babel 7混合在一起,前者与ERROR in ../react/index.jsx Module build failed (from /mnt/c/Users/User/projects/current/client/node_modules/babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions. 有关,后者与我在应用程序中使用的东西有关。

https://stackoverflow.com/a/49183337/3123109

好吧,显然是一个依赖问题,鉴于我以前从未做过,我不确定如何解决。就是说,当我执行stage-0时,确实在npm install https://github.com/diegomura/react-pdf/tarball/master中为node_module安装了依赖项。


问题

  1. @react-pdf/renderer的依赖项看起来好像是与@react-pdf/renderer一起安装的吗?

  2. 如果是,在哪里?

  3. 是否需要将依赖项添加到我的应用程序中(通过将它们添加到我的npm install https://github.com/diegomura/react-pdf/tarball/master中)还是通过该目录中的package.json添加到node_modules/@react-pdf/renderer目录中?
  4. 除了为我的应用程序运行之外,我还需要为npm install运行npm run ... --watch吗?

  5. 或者,我是否只需要获取@react-pdf/renderer的已编译JS文件,将它们读入我的应用程序,然后在需要更改时重新编译JS?

1 个答案:

答案 0 :(得分:1)

好吧,@react-pdf/renderer的开发人员帮助我进行了设置。我敢肯定,有几种方法可以做到这一点,他建议的方法是使用yarn

  1. 在单独的文件夹中克隆react-pdf存储库
  2. 在react-pdf目录中运行yarn install
  3. 在react-pdf目录中运行yarn link。这会将库链接到您的本地版本
  4. 在react-pdf目录中运行yarn watch。这将监视文件更改并每次重新捆绑
  5. 在项目中运行yarn link "@react-pdf/renderer"以使用本地包

我想用“ yarn”替换“ npm”,但是还没有测试。

每天都学点新东西...