相关疑难解决方法(0)

我有这个package.json文件:

{
    "name": "application-name"
  , "version": "0.0.1"
  , "private": true
  , "dependencies": {
      "coffee-script": "1.1.3"
    , "express": "2.5.0"
    , "less": "1.1.5"
    , "jade": "0.17.0"
    , "connect-redis": "1.2.0"
    , "hiredis": "0.1.13"
    , "redis": "0.7.1"
    , "bcrypt": "0.4.1"
    , "promised-io": "0.3.0"
    , "jugglingdb": "git://github.com/juggy/jugglingdb.git#master"
    , "nodemailer": "0.2.3"
  }
}

我想部署到Heroku.它在npm版本1.0.105本地工作正常,但它在Heroku上窒息(我将那里的npm更新为1.0.105):

   -----> Heroku receiving push
   -----> Fetching custom build pack... done
   -----> Node.js app detected
   -----> Fetching Node.js binaries
   -----> Vendoring node 0.4.7
   -----> Installing dependencies with npm 1.0.105
          npm ERR! git checkout …

我一直在尝试用 npm install of 替换基于链接的 pdf.js 几个小时pdfjs-dist，因为我注意到我的链接不打算用作 cdns 并且可能变得不稳定，如here所述。

除了几个示例之外，我找不到关于如何使其工作的太多文档，并且当涉及 Webpack 时，它们主要与 React 一起使用，而我只是在 Django 框架中使用 ES6（在所需的 django 目录上静态编译，而不使用webpack 插件。）

在与一位从事 pdf.js 工作的人交换了几条消息后，我的编译错误似乎是由于 Webpack 在内部处理库的方式造成的。这是我所看到的：

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileAsyncWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

WARNING in ./node_modules/worker-loader/dist/index.js
Module not found: Error: Can't resolve 'webpack/lib/web/FetchCompileWasmPlugin' in '/home/giampaolo/dev/KJ_import/KJ-JS/node_modules/worker-loader/dist'
 @ ./node_modules/worker-loader/dist/index.js
 @ ./node_modules/worker-loader/dist/cjs.js
 @ ./node_modules/pdfjs-dist/webpack.js
 @ ./src/js/views/pdfViews.js
 @ ./src/js/index.js

ERROR in (webpack)/lib/node/NodeTargetPlugin.js
Module not …

我正在尝试在我的反应项目中使用react-scratchblocks包。

我已经使用 create-app-react 命令创建了我的项目。

导入包后出现以下错误：

编译失败。

./node_modules/react-scratchblocks/src/Scratchblocks.js
SyntaxError: /Users/jorge/Documents/React/elimu-analyzer-frontend/node_modules/react-scratchblocks/src/Scratchblocks.js: Unexpected token (45:6)

  43 |     const scripts = this.parseScripts(this.props.code);
  44 |     return (
> 45 |       <div className={this.classNames()}>
     |       ^
  46 |         {scripts.map((script,i) => (
  47 |           <Scratchblock key={i} className="script" script={script}/>
  48 |         ))}

我知道 jsx 没有被识别，但是我应该怎么做才能使这个包工作？请记住：我使用 create-rect-app 来创建我的 React 项目。

谢谢。

更新1：

module.exports = function () {

return {
    overrides: [{
        test: ["./node_modules/react-scratchblocks"],
        presets: ["@babel/preset-react"]
    }],
};
}

更新 2：我导入 react-scratchblocks 的组件。

import React, { useState } from …

我想将Card组件添加到此模块：https : //snack.expo.io/@xcarpentier/gifted-chat（演示）

例如，如果onLongPress()在气泡消息上使用，我希望显示其他信息（在气泡消息的正下方，作为小卡片，例如Tinder卡）。

我怎么做？我是否需要克隆源代码，然后对其进行修改以适合我的需要？