NPM 启动：类型错误：ext[key].bind 不是函数

Question

我正在尝试在 React 上运行 npm start 并出现以下错误。我尝试重新安装 npm 和 node.js。错误绑定不是函数错误继续出现。我缺少什么？

PS C:\Users\XXXXXXXXXX> npm run start

\XXXXXXXXX\node_modules\renderkid\node_modules\domutils\index.js:12
                DomUtils[key] = ext[key].bind(DomUtils);
                                         ^

TypeError: ext[key].bind is not a function
    at C:\XXXXXXXXXXXX\node_modules\renderkid\node_modules\domutils\index.js:12:28
    at Array.forEach (<anonymous>)
    at C:\XXXXXXXXXXXX\node_modules\renderkid\node_modules\domutils\index.js:11:19
    at Array.forEach (<anonymous>)
    at Object.<anonymous> (XXXXXXXXXXXX\node_modules\renderkid\node_modules\domutils\index.js:10:3)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
npm ERR! code 1
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c set PORT=3005 && react-scripts start

这是在 node_modules > Domutils > index.js 中调用 DomUtils 的地方

var DomUtils = module.exports;

[
    require("./lib/stringify"),
    require("./lib/traversal"),
    require("./lib/manipulation"),
    require("./lib/querying"),
    require("./lib/legacy"),
    require("./lib/helpers")
].forEach(function(ext){
    Object.keys(ext).forEach(function(key){
        DomUtils[key] = ext[key].bind(DomUtils);
    });
});

Answer 1

我第一次使用 docker 构建 React 应用程序并在 Ngnix 上托管，在为 React 应用程序构建映像时遇到了同样的问题。

我使用以下脚本来构建图像，它有所帮助，我已将nodeJS版本从node:7.10更改为node:14.1-alpine。

这是我的 Docker 文件

 FROM node:14.1-alpine AS builder

WORKDIR /opt/web
COPY package.json package-lock.json ./
RUN npm install

ENV PATH="./node_modules/.bin:$PATH"

COPY . ./
RUN npm run build

FROM nginx:1.17.1-alpine

COPY --from=builder /opt/web/build /usr/share/nginx/html

希望这对尝试在 ngnix 上为 React 应用程序和主机构建 docker 镜像的人有所帮助。