当前位置: 首页 > 知识库问答 >
问题:

用webpack构建错误

艾国安
2023-03-14

1详细的cli'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',

1个详细的cli“运行”,

1详细的cli“构建”]

10详细的生命周期hello-world@0.1.0~build:cwd:c:\users\cristi\desktop\react_scafold\hello-world

11愚蠢的生命周期hello-world@0.1.0~build:args:['/d/s/c',

11愚蠢的生命周期'set node_env=production&&webpack--config webpack.config.babel.js']

14 emitTwo上的详细堆栈(Events.js:106:13)

14 childprocess.emit上的详细堆栈(Events.js:191:7)

14 maybeClose上的详细堆栈(internal/child_process.js:891:16)

16详细cwd C:\users\cristi\desktop\react_scafold\hello-world

17错误Windows_NT 6.3.9600

18错误argv“C:\Program Files\nodejs\node.exe”“C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js”“run”“build”

23不是npm本身的错误。

23错误告诉作者这在您的系统上失败:

23错误设置NODE_ENV=Production&&WebPack--config webpack.config.babel.js

{

  "name": "hello-world",

  "version": "0.1.0",

  "private": true,

  "dependencies": {

    "babel-cli": "^6.26.0",

    "babel-polyfill": "^6.23.0",

    "express": "^4.15.3",

    "path": "^0.12.7",

    "prop-types": "^15.5.8",

    "react": "^15.6.1",

    "react-dom": "^15.6.1",

    "react-router-dom": "^4.1.1",

    "react-scripts": "1.0.10",

    "serve": "^6.0.3"

  },

  "devDependencies": {

    "babel-cli": "^6.26.0",

    "babel-core": "^6.26.0",

    "babel-loader": "^7.1.2",

    "babel-preset-es2015": "^6.24.1",

    "babel-preset-react": "^6.24.1",

    "babel-preset-react-hmre": "^1.1.1",

    "babel-preset-stage-0": "^6.24.1",

    "babel-register": "^6.26.0",

    "css-loader": "^0.28.7",

    "file-loader": "^0.11.2",

    "open": "^0.0.5",

    "style-loader": "^0.18.2",

    "url-loader": "^0.5.9",

    "webpack": "^3.5.5",

    "webpack-dev-middleware": "^1.12.0",

    "webpack-hot-middleware": "^2.19.0",

    "webpack-split-chunks": "^0.2.1"

  },

  "scripts": {

    "start": "babel-node --max-old-space-size=1024 src/server",

    "production": "SET NODE_ENV=production BABEL_ENV=production && npm run 
build && npm start",
    "build": "SET NODE_ENV=production && webpack --config 
webpack.config.babel.js"
  }

}

js webpack.config.babel.js

// Dependencies
import webpack from 'webpack';
import path from 'path';
import ChunksPlugin from 'webpack-split-chunks';

// Environment
const isDevelopment = process.env.NODE_ENV !== 'production';

// Paths
const PATHS = {
  index: path.join(__dirname, 'src/index'),
  build: path.join(__dirname, 'src/public'),
  src: path.join(__dirname, 'src')
};

const getDevtool = () => 'cheap-module-eval-source-map';
const getEntry = () => {
  const entry = [PATHS.index];

  if (isDevelopment) {
    entry.push('webpack-hot-middleware/client?reload=true');
  }

  return entry;
};
const getOutput = () => ({
  path: PATHS.build,
  publicPath: '/',
  filename: '[name].bundle.js'

});
const getPlugins = () => {
  const plugins = [
    new ChunksPlugin({
      to: 'vendor',
      test: /node_modules/
    })
  ];

  if (isDevelopment) {
    plugins.push(
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoEmitOnErrorsPlugin()
    );
  } else {
    plugins.push(
      new webpack.optimize.UglifyJsPlugin({
        compress: {
          //screw_ie8: true,
          warnings: false
        }
      })
    );
  }

  return plugins;
};
const getLoaders = () => ({
  loaders: [
    {
      test: /\.js?$/,
      include: PATHS.src,
      loader: 'babel-loader'
    },
    {
      test: /(\.css)$/,
      loader: ['style-loader', 'css-loader']
    },
    {
      test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
      loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
    }
  ]

}  );

export default {
  devtool: getDevtool(),
  entry: getEntry(),
  output: getOutput(),
  plugins: getPlugins(),
  module: getLoaders()
};

共有1个答案

汪栋
2023-03-14

首先尝试使用Parallel Webpack构建-->node./node_modules/parallel-webpack/bin/run.js--config Webpack.config.babel.js

如果错误没有解决,请尝试将内存分配增加到node->node-max-old-space-size=1024./node_modules/parallel-webpack/bin/run.js--config webpack.config.babel.js

https://medium.com/@vuongtran/how-to-solv-process-out-of-memory-in-node-js-5f0de8f8464c

 类似资料:
  • 本文向大家介绍webpack构建react多页面应用详解,包括了webpack构建react多页面应用详解的使用技巧和注意事项,需要的朋友参考一下 写这个的初衷是很难找一个简洁的项目脚手架,很多脚手架都有很多依赖,光看依赖就要很久,所以自己参照网上的内容,弄个这么一个简单的多页面的脚手架。 利用creat-react-app 新建一个react应用 然后创建一个项目 create-react-ap

  • 问题内容: 我正在使用语句以监视模式运行Webpack来构建我的ReactJS应用。但是由于某种原因,它现在停止工作。现在,它只编译一次代码并终止 我尝试了这篇SO文章中建议的方法:webpack–watch无法编译更改的文件 但是,这并没有解决我的问题。任何帮助都感激不尽 问题答案: 该问题似乎是由于inotify手表限制而引起的 在Linux上,默认情况下,Listen使用inotify监视目

  • 本文向大家介绍加速Webpack构建技巧总结,包括了加速Webpack构建技巧总结的使用技巧和注意事项,需要的朋友参考一下 Web 应用日益复杂,相关开发技术也百花齐放,这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具,几乎成为目前前端开发里的必备工具之一。 大多数人在使用 Webpack 的过程中都会遇到构建速度慢的问题,在项目大时显得尤为突出

  • 我创建了一个AWS代码管道,它分四个阶段运行。1) 来自github的源代码,2)将后端部署到Elastic Beanstalk,3)使用Codebuild构建前端代码(使用下面的buildspec文件),以及4)将webpack的结果部署到S3。 到目前为止,除了第三阶段的结果外,一切都按预期进行。Codebuild似乎将工件设置为源文件,而不是webpack构建的结果。在bucket和文件夹中

  • 本文向大家介绍利用React-router+Webpack快速构建react程序,包括了利用React-router+Webpack快速构建react程序的使用技巧和注意事项,需要的朋友参考一下 本文主要介绍的是使用React-router和Webpack如何快速构建一个react程序,下面话不多说,感兴趣的可以一起学习学习。 初始化项目 我们先创建个空文件夹,然后初始化 package.json

  • 我最近的任务是使用Jenkins、GitHub和Windows Server 2008派生CI解决方案,该解决方案配置为使用Git可执行文件(在Manage Jenkins下)- 虽然wiki文章链接提供了一些见解,但我发现以下错误: 这是什么导致的?