Reactjs 应用程序 Azure 部署失败

Question

我正在尝试在Azure云平台上部署我的reactjs应用程序。我已将 git repo 设置为部署选项/源。我的部署失败了。我看到很多 npm 错误。在 azure 的错误日志中我得到这个

Command: "D:\home\site\deployments\tools\deploy.cmd"
Handling node.js deployment.
KuduSync.NET from: 'D:\home\site\repository' to: 'D:\home\site\wwwroot'
Copying file: '.idea\workspace.xml'
Copying file: 'node_modules\.bin\modernizr'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\LICENSE'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\package.json'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\README.md'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\dist\react-toggle-switch.css'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\dist\react-toggle-switch.css.map'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\dist\react-toggle-switch.min.css'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\lib\index.js'
Copying file: 'node_modules\@trendmicro\react-toggle-switch\lib\index.js.map'
Copying file: 'node_modules\bez\bower.json'
Copying file: 'node_modules\bez\jquery.bez.min.js'
Copying file: 'node_modules\bez\LICENSE.txt'
Copying file: 'node_modules\bez\Makefile'
Copying file: 'node_modules\bez\package.json'
Copying file: 'node_modules\bez\README.md'
Copying file: 'node_modules\bez\src\jquery.bez.js'
Copying file: 'node_modules\bootstrap\CHANGELOG.md'
Copying file: 'node_modules\bootstrap\Gruntfile.js'
Copying file: 'node_modules\bootstrap\LICENSE'
Copying file: 'node_modules\bootstrap\package.json'
Copying file: 'node_modules\bootstrap\README.md'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap-theme.css'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap-theme.css.map'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap-theme.min.css'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap-theme.min.css.map'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap.css'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap.css.map'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap.min.css'
Copying file: 'node_modules\bootstrap\dist\css\bootstrap.min.css.map'
Copying file: 'node_modules\bootstrap\dist\fonts\glyphicons-halflings-regular.eot'
Copying file: 'node_modules\bootstrap\dist\fonts\glyphicons-halflings-regular.svg'
Copying file: 'node_modules\bootstrap\dist\fonts\glyphicons-halflings-regular.ttf'
Copying file: 'node_modules\bootstrap\dist\fonts\glyphicons-halflings-regular.woff'
Copying file: 'node_modules\bootstrap\dist\fonts\glyphicons-halflings-regular.woff2'
Copying file: 'node_modules\bootstrap\dist\js\bootstrap.js'
Copying file: 'node_modules\bootstrap\dist\js\bootstrap.min.js'
Copying file: 'node_modules\bootstrap\dist\js\npm.js'
Copying file: 'node_modules\bootstrap\fonts\glyphicons-halflings-regular.eot'
Copying file: 'node_modules\bootstrap\fonts\glyphicons-halflings-regular.svg'
Copying file: 'node_modules\bootstrap\fonts\glyphicons-halflings-regular.ttf'
Copying file: 'node_modules\bootstrap\fonts\glyphicons-halflings-regular.woff'
Copying file: 'node_modules\bootstrap\fonts\glyphicons-halflings-regular.woff2'
Copying file: 'node_modules\bootstrap\grunt\.jshintrc'
Copying file: 'node_modules\bootstrap\grunt\bs-commonjs-generator.js'
Copying file: 'node_modules\bootstrap\grunt\bs-glyphicons-data-generator.js'
Copying file: 'node_modules\bootstrap\grunt\bs-lessdoc-parser.js'
Copying file: 'node_modules\bootstrap\grunt\bs-raw-files-generator.js'
Copying file: 'node_modules\bootstrap\grunt\change-version.js'
Omitting next output lines...
Processed 485 files...
Processed 1008 files...
Processed 1393 files...
Processed 1755 files...
Using start-up script build/server-bundle.js from package.json.
Generated web.config.
Node.js versions available on the platform are: 0.6.20, 0.8.2, 0.8.19, 0.8.26, 0.8.27, 0.8.28, 0.10.5, 0.10.18, 0.10.21, 0.10.24, 0.10.26, 0.10.28, 0.10.29, 0.10.31, 0.10.32, 0.10.40, 0.12.0, 0.12.2, 0.12.3, 0.12.6, 4.0.0, 4.1.0, 4.1.2, 4.2.1, 4.2.2, 4.2.3, 4.2.4, 4.3.0, 4.3.2, 4.4.0, 4.4.1, 4.4.6, 4.4.7, 4.5.0, 4.6.0, 4.6.1, 4.8.4, 5.0.0, 5.1.1, 5.3.0, 5.4.0, 5.5.0, 5.6.0, 5.7.0, 5.7.1, 5.8.0, 5.9.1, 6.0.0, 6.1.0, 6.2.2, 6.3.0, 6.5.0, 6.6.0, 6.7.0, 6.9.0, 6.9.1, 6.9.2, 6.9.4, 6.9.5, 6.10.0, 6.11.1, 6.11.2, 7.0.0, 7.1.0, 7.2.0, 7.3.0, 7.4.0, 7.5.0, 7.6.0, 7.7.4, 7.10.0, 7.10.1, 8.0.0, 8.1.4, 8.4.0.
Selected node.js version 7.4.0. Use package.json file to choose a different version.
Selected npm version 3.9.5
Updating iisnode.yml at D:\home\site\wwwroot\build\iisnode.yml

> <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1d6f787c7e69307f7272696e696f7c6d306e7871787e695d2d332c29332d" rel="noreferrer noopener nofollow">[email protected]</a> postinstall D:\home\site\wwwroot\node_modules\react-bootstrap-select
> jsx jsx/ dist/

'jsx' is not recognized as an internal or external command,
operable program or batch file.
<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e2a3b2d2d3f3d2a1e6e706e706f" rel="noreferrer noopener nofollow">[email protected]</a> D:\home\site\wwwroot
+-- @trendmicro/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0371666260772e776c64646f662e70746a77606b43332d362d36" rel="noreferrer noopener nofollow">[email protected]</a> 
npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3654534c760618071806" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b3d1dcdcc7c0c7c1d2c3f3809d809d84" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4f2d20203b3c3b3d2e3f623c2a232a2c3b0f7e617e7d617b" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6e0c01011a1d1a1c0f1e431d02070a0b1c2e574056405e" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="761419190205020417065b021711051f18060302364658415847" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8cefffffa1e0e3ede8e9feccbca2bebfa2bd" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0b62646526796a656c6e7867626f6e794b39253a253c" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80e9f3eff4eff0e5adece1f9eff5f4c0b3aeb0aeb4" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="254f545040575c65160b170b14" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="660c171303141f4b04140f02010312265448564857" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f09a8185958289dd859e8695999cb0c1dec3dec2" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f09a8185958289de91938485919cb0c1dec0dec1c9" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="375d464252454e19445445585b5b55564577071905190606" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="771a18131205191e0d05374459425947" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b5dbdac0dcc6d9dcd1d0c7f584859b859b85" rel="noreferrer noopener nofollow">[email protected]</a> 
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="41312022246c2b3201706f716f73" rel="noreferrer noopener nofollow">[email protected]</a> 
npm WARN notsup Not compatible with your operating system or architecture: <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ed8b9e889b8883999eaddcc3dcc3df" rel="noreferrer noopener nofollow">[email protected]</a>
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfbdace2bca3a6abaabd8ff7e1ffe1fd" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
npm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3b495e5a584f165a5f5f545548164f5e484f164e4f5257487b0a0e150d150b" rel="noreferrer noopener nofollow">[email protected]</a> requires a peer of react-dom@^15.4.2 but none was installed.
npm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c2e393d3f2871323d28352a391c6c726f65726e" rel="noreferrer noopener nofollow">[email protected]</a> requires a peer of react@~15.4.0-rc.4 but none was installed.
+-- UNMET PEER DEPENDENCY <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3240575351467203071c011c00" rel="noreferrer noopener nofollow">[email protected]</a>
npm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="017564727260627541312f312f30" rel="noreferrer noopener nofollow">[email protected]</a> No repository field.
npm ERR! Windows_NT 6.2.9200
npm ERR! argv "D:\\Program Files (x86)\\nodejs\\7.4.0\\node.exe" "D:\\Program Files (x86)\\npm\\3.9.5\\node_modules\\npm\\bin\\npm-cli.js" "install" "--production"
npm ERR! node v7.4.0
npm ERR! npm  v3.9.5
npm ERR! code ELIFECYCLE

npm ERR! <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0e7c6b6f6d7a236c61617a7d7a7c6f7e237d6b626b6d7a4e3e203f3a203e" rel="noreferrer noopener nofollow">[email protected]</a> postinstall: `jsx jsx/ dist/`
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0d7f686c6e79206c696962637e2079687e7920787964617e4d3c38233b233d" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! Exit status 1
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b5c7d0d4d6c198d6c0c6c1dad898c6d6c7dad9d9d7d4c7c6f5819b849b87" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! 
+-- UNMET PEER DEPENDENCY <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c2e393d3f28713833311c6d69726f726e" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR! Failed at the <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b5c7d0d4d6c198d7dadac1c6c1c7d4c598c6d0d9d0d6c1f5859b84819b85" rel="noreferrer noopener nofollow">[email protected]</a> postinstall script 'jsx jsx/ dist/'.
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="592b3c383a2d7434363d3835196b776b776d" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! Make sure you have the latest version of node.js and npm installed.
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0d7f686c6e7920636278647e616469687f4d3f233d233d" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! If you do, this is most likely a problem with the react-bootstrap-select package,
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5220373331267f2131203d3e3e3033202112627c627c67" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! not with npm itself.
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c7b5a2a6a4b3eab4a2aba2a4b3f5eaa3a6b3a0a6eab0b5a6b7b7a2b587f7e9f7e9ff" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
npm ERR! Tell the author that this fails on your system:
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="592b3c383a2d742a3c353c3a2d6b742e2b3829293c2b19687769776d743b3c2d386c" rel="noreferrer noopener nofollow">[email protected]</a>  extraneous
npm ERR!     jsx jsx/ dist/
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6c1e090d0f18411f1b05180f04091e152c5d425d425f" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! You can get information on how to open an issue for this project with:
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="98eafdf9fbecb5ecf9ffb5f1f6e8edecd8acb6afb6aa" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR!     npm bugs react-bootstrap-select
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="64160105071049100b030308014917130d10070c24564a554a50" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! Or if that isn't available, you can get their info via:
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8efdebe2ebedfabccebaa0bea0bd" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR!     npm owner ls react-bootstrap-select
+-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bccfd4ddd0d0d3cb91d9cdc9ddd091dac9c6c6c5fc8c928c928e" rel="noreferrer noopener nofollow">[email protected]</a> 
npm ERR! There is likely additional logging output above.
`-- <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2e5b5c420342414f4a4b5c6e1e001b0016" rel="noreferrer noopener nofollow">[email protected]</a> 


npm ERR! Please include the following file with any support request:
Failed exitCode=1, command="D:\Program Files (x86)\nodejs\7.4.0\node.exe" "D:\Program Files (x86)\npm\3.9.5\node_modules\npm\bin\npm-cli.js" install --production
npm ERR!     D:\home\site\wwwroot\npm-debug.log
An error has occurred during web site deployment.
'jsx' is not recognized as an internal or external command,\r\noperable program or batch file.\r\nnpm WARN optional Skipping failed optional dependency /chokidar/fsevents:\r\nnpm WARN notsup Not compatible with your operating system or architecture: <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e385908695868d9790a3d2cdd2cdd1" rel="noreferrer noopener nofollow">[email protected]</a>\r\nnpm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0c7e696d6f78216d686863627f2178697f7821797865607f4c3d39223a223c" rel="noreferrer noopener nofollow">[email protected]</a> requires a peer of react-dom@^15.4.2 but none was installed.\r\nnpm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7e0c1b1f1d0a53101f0a17081b3e4e504d47504c" rel="noreferrer noopener nofollow">[email protected]</a> requires a peer of react@~15.4.0-rc.4 but none was installed.\r\nnpm WARN <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e397869090828097a3d3cdd3cdd2" rel="noreferrer noopener nofollow">[email protected]</a> No repository field.\r\nnpm ERR! Windows_NT 6.2.9200\r\nnpm ERR! argv "D:\\Program Files (x86)\\nodejs\\7.4.0\\node.exe" "D:\\Program Files (x86)\\npm\\3.9.5\\node_modules\\npm\\bin\\npm-cli.js" "install" "--production"\r\nnpm ERR! node v7.4.0\r\nnpm ERR! npm  v3.9.5\r\nnpm ERR! code ELIFECYCLE\r\n\r\nnpm ERR! <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="75071014160158171a1a0106010714055806101910160135455b44415b45" rel="noreferrer noopener nofollow">[email protected]</a> postinstall: `jsx jsx/ dist/`\r\nnpm ERR! Exit status 1\r\nnpm ERR! \r\nnpm ERR! Failed at the <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3c4e595d5f48115e5353484f484e5d4c114f5950595f487c0c120d08120c" rel="noreferrer noopener nofollow">[email protected]</a> postinstall script 'jsx jsx/ dist/'.\r\nnpm ERR! Make sure you have the latest version of node.js and npm installed.\r\nnpm ERR! If you do, this is most likely a problem with the react-bootstrap-select package,\r\nnpm ERR! not with npm itself.\r\nnpm ERR! Tell the author that this fails on your system:\r\nnpm ERR!     jsx jsx/ dist/\r\nnpm ERR! You can get information on how to open an issue for this project with:\r\nnpm ERR!     npm bugs react-bootstrap-select\r\nnpm ERR! Or if that isn't available, you can get their info via:\r\nnpm ERR!     npm owner ls react-bootstrap-select\r\nnpm ERR! There is likely additional logging output above.\r\n\r\nnpm ERR! Please include the following file with any support request:\r\nnpm ERR!     D:\home\site\wwwroot\npm-debug.log\r\nD:\Program Files (x86)\SiteExtensions\Kudu\65.60827.2986\bin\Scripts\starter.cmd "D:\home\site\deployments\tools\deploy.cmd"

我尝试运行 npm install 但这也没有任何区别。早些时候我部署了该应用程序并且成功了。怎么解决呢？

Answer 1

'jsx' is not recognized as an internal or external command, operable program or batch file.

该错误是不言自明的。当您在远程服务器上构建 React 应用程序时，首先需要安装 JSX 编译器工具包。在 Azure Web App 上，您可以在 Kudu 控制台 ( https://<your-app-name>.scm.azurewebsites.net/DebugConsole ) 中使用以下命令安装它。

npm install -g jsx