代码拆分后，构建文件不会部署到 heroku

Question

i最近应用了代码 - 分类，我正在使用cra（create-react-app）。

之后，我将构建文件部署到Heroku，但我收到了此错误消息。

 error An unexpected error occurred: 
 "/tmp/build_bfd38a5e7aeec15ffefbe9481e36ace7/node_modules/uglifyjs-
 webpack-plugin: EROFS: read-only file system, access '/usr/local/bin'".

我认为这主要是因为我的bundle.js分为4个单独的块，这些块大大更改了捆绑文件。

有关更多信息，这是我的asynccomponent.js和app.js。

// asyncComponent.js
import React, { Component } from 'react';
export default function asyncComponent (getComponent) {
    return class AsyncComponent extends Component {
        static Component = null;
        state = {
            Component: AsyncComponent.Component
        };
        componentWillMount () {
            if (!this.state.Component) {
                getComponent().then(({ default: Component }) => {
                    AsyncComponent.Component = Component;
                    this.setState({ Component });
                });
            }
        }
        render () {
            const { Component } = this.state;
            return Component && <Component {...this.props} />
        }
    };
}
// App.js
import asyncComponent from './lib/asyncComponent';
const AsyncHome = asyncComponent(() => import('./pages/Home'));
class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <Router>
          <div>
            <Switch>
              <Route exact path="/" component={ AsyncHome } />
            </Switch>
          </div>
        </Router>
      </Provider>
    );
  }
}
export default App

Answer 1

我也有同样的问题。它似乎与纱线v1.0.0有关。如果将纱线引擎明确设置为0.28.4，则您的构建应再次起作用。请参阅此相关的GitHub问题：Heroku-Buildpack-Nodejs 468

在您的package.json中：

"engines": {
    "yarn": "0.28.4"
}