【问题标题】:Unable to build react project aws无法构建反应项目 aws
【发布时间】:2019-08-03 03:16:29
【问题描述】:

我正在尝试使用 AWS 管道构建我的项目,昨天一切正常,我昨天推送了更新,从那以后我的构建一直不成功。它是一个使用 docker 容器的 react 应用程序。

我尝试将代码恢复为以前成功构建的代码,但是仍然无法构建。我在本地机器上运行容器,一切正常。

这是失败时日志的一部分

正在创建优化的生产版本... 编译失败。

./node_modules/@coreui/react/node_modules/reactstrap/es/DropdownToggle.js

尝试导入错误:“Reference”未从“react-popper”导出。

·[91mnpm·[0m·[91m·[0m·[91mERR!代码生命周期

·[0m·[91mnpm ERR! errno·[0m·[91m 1

·[0m·[91mnpm·[0m·[91mERR! compscout-sales@0.1.0 构建:react-scripts build

npm 错误!退出状态 1

·[0m·[91mnpm ERR!

·[0m·[91mnpm ERR!在 compscout-sales@0.1.0 构建脚本中失败。

npm·[0m·[91mERR!这可能不是 npm 的问题。上面可能还有额外的日志输出。

·[0m·[91m

·[0m·[91mnpm ERR!可以在以下位置找到此运行的完整日志:

npm ERR!·[0m·[91m /root/.npm/_logs/2019-08-03T02_48_42_802Z-debug.log

·[0m命令'/bin/sh -c REACT_APP_STRIPE_PUBLISHABLE_KEY=$REACT_APP_STRIPE_PUBLISHABLE_KEY npm run build'返回非零代码:1

make: *** [publish-app] 错误 1

[Container] 2019/08/03 02:48:48 命令没有成功退出 make publish-app exit status 2

[容器] 2019/08/03 02:48:48 阶段完成:构建状态:失败

[Container] 2019/08/03 02:48:48 阶段上下文状态代码:COMMAND_EXECUTION_ERROR 消息:执行命令时出错:make publish-app。原因:退出状态2

 "reactstrap": { 
  "version": "7.1.0", 
  "resolved": "https://registry.npmjs.org/reactstrap/-/reactstrap-7.1.0.tgz", 
  "integrity": "sha512-wtc4RkgnGn1TsZ0AxOZ2OqT+b8YmCWZj/tErPujWLepxzlEEhveZGC+uDerdaHVSAzJUP2DTk605iper7hutQQ==", 
  "requires": { 
    "@babel/runtime": "^7.2.0", 
    "classnames": "^2.2.3", 
    "lodash.isfunction": "^3.0.9", 
    "lodash.isobject": "^3.0.2", 
    "lodash.tonumber": "^4.0.3", 
    "prop-types": "^15.5.8", 
    "react-lifecycles-compat": "^3.0.4", 
    "react-popper": "^0.10.4", 
    "react-transition-group": "^2.3.1" 
  } 
}, 

"react-popper": { 
  "version": "0.10.4", 
  "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-0.10.4.tgz", 
  "integrity": "sha1-rypBXqIike3VBGeNev2opu4ylao=", 
  "requires": { 
    "popper.js": "^1.14.1", 
    "prop-types": "^15.6.1" 
  } 
}, 

package.json

{
  "name": "myReactProjecr",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@coreui/coreui": "^2.1.7",
    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
    "@coreui/icons": "0.3.0",
    "@coreui/react": "^2.1.5",
    "axios": "^0.18.0",
    "body-parser": "^1.19.0",
    "bootstrap": "^4.3.1",
    "bootstrap-less": "^3.3.8",
    "chart.js": "^2.7.3",
    "classnames": "^2.2.6",
    "cookie-parser": "~1.4.3",
    "core-js": "^2.6.5",
    "cors": "^2.8.5",
    "debug": "~2.6.9",
    "dotenv": "^8.0.0",
    "enzyme": "^3.9.0",
    "enzyme-adapter-react-16": "^1.10.0",
    "exceljs": "^0.8.2",
    "express": "~4.16.0",
    "express-rate-limit": "^3.5.1",
    "flag-icon-css": "^3.3.0",
    "font-awesome": "^4.7.0",
    "http": "0.0.0",
    "http-errors": "~1.6.2",
    "https": "^1.0.0",
    "jade": "~1.11.0",
    "jquery": "^3.4.1",
    "jsonwebtoken": "^8.5.1",
    "moment": "^2.24.0",
    "morgan": "~1.9.0",
    "node-sass": "^4.11.0",
    "pg-promise": "^8.6.5",
    "prop-types": "^15.7.2",
    "ramda": "^0.26.1",
    "react": "^16.8.4",
    "react-apollo": "^2.5.6",
    "react-app-polyfill": "^0.2.1",
    "react-chartjs-2": "^2.7.4",
    "react-cookie": "^4.0.0",
    "react-dates": "^20.2.0",
    "react-dom": "^16.8.4",
    "react-js-pagination": "^3.0.2",
    "react-loadable": "^5.5.0",
    "react-redux": "^7.0.3",
    "react-router-config": "^4.4.0-beta.6",
    "react-router-dom": "^4.3.1",
    "react-select": "^2.4.3",
    "react-stripe-checkout": "^2.6.3",
    "react-stripe-elements": "^3.0.0",
    "react-test-renderer": "^16.8.4",
    "reactstrap": "^7.1.0",
    "redux": "^4.0.1",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.3.0",
    "request": "^2.88.0",
    "sequelize": "^5.8.7",
    "simple-line-icons": "^2.4.1",
    "stripe": "^6.34.0",
    "xlsx": "^0.11.19"
  },
  "devDependencies": {
    "react-scripts": "2.1.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "start:server": "node ./server/www",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

【问题讨论】:

  • 你能和我们分享你的 package.json 吗?几个月前,我对 babel npm 模块有类似的错误。我的情况是这个模块的最后一个版本中的一个错误,由于我的 package.json 中的波浪号(~)和插入符号(^)对于这个依赖项我得到了这个错误。?
  • @JRichardsz package.json 非常大,所以我引用了 react-popper 被引用的部分谢谢
  • 我认为您共享了您的 package-lock.json。我们至少需要你的 package.json 的一部分来重现错误!
  • @JRichardsz 我的坏我用 package.json 更新了它似乎我能够通过删除我的 package-lock.json 并再次创建它来编译它,但是现在我在网站加载“TypeError:无法读取未定义的属性'setTargetNode'”。

标签: reactjs amazon-web-services docker react-native


【解决方案1】:

我有同样的问题。用最新版本更新 react-popper 解决了这个问题

npm install react-popper

还有第二个与粉笔有关的错误。我也更新了

npm install chalk

希望对你有帮助

【讨论】:

  • 感谢您的回复,但问题仍然存在。
【解决方案2】:

搞定了。我必须删除 package-lock.json 并删除我的节点模块,然后使用新的 package-lock.json 再次安装所有内容。

【讨论】:

    猜你喜欢
    • 2020-09-04
    • 2022-07-30
    • 2021-06-15
    • 2022-01-18
    • 1970-01-01
    • 2020-01-23
    • 1970-01-01
    • 1970-01-01
    • 2022-10-23
    相关资源
    最近更新 更多