错误! xxx@1.0.0 构建脚本失败

Question

当我运行 npm run build --verbose 时，出现以下错误:

回溯如下，上面写着Unexpected token punc，我不明白:

ERROR in static/js/vendor.4776fef98deb2b7313a7.js from UglifyJs
Unexpected token punc «:», expected punc «,» [./node_modules/debug/src/browser.js:168,0][static/js/vendor.4776fef98deb2b7313a7.js:55100,55]

  Build failed with errors.

npm verb lifecycle aili@1.0.0~build: unsafe-perm in lifecycle true
npm verb lifecycle aili@1.0.0~build: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/ldl/repo/vue_user_site/node_modules/.bin:/usr/local/git/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin:/usr/local/git/bin:/home/ldl/.local/bin:/home/ldl/bin
npm verb lifecycle aili@1.0.0~build: CWD: /home/ldl/repo/vue_user_site
npm info lifecycle aili@1.0.0~build: Failed to exec build script
npm verb stack Error: aili@1.0.0 build: `node build/build.js`
npm verb stack Exit status 1
npm verb stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16)
npm verb stack     at emitTwo (events.js:126:13)
npm verb stack     at EventEmitter.emit (events.js:214:7)
npm verb stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
npm verb stack     at emitTwo (events.js:126:13)
npm verb stack     at ChildProcess.emit (events.js:214:7)
npm verb stack     at maybeClose (internal/child_process.js:925:16)
npm verb stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
npm verb pkgid qiyun@1.0.0
npm verb cwd /home/ldl/repo/vue_user_site
npm verb Linux 3.10.0-327.el7.x86_64
npm verb argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build" "--verbose"
npm verb node v8.11.1
npm verb npm  v5.6.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! qiyun@1.0.0 build: `node build/build.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the aili@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm verb exit [ 1, true ]

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ldl/.npm/_logs/2018-05-11T02_00_29_973Z-debug.log

我也试过使用 npm run-script build，但也遇到了这个错误。

我的项目是Vue.js项目。

---

下面是build/build.js代码，不知道是不是代码引起的，我觉得不是这个原因:

'use strict';
require('./check-versions')();

process.env.NODE_ENV = 'production';

const ora = require('ora');
const rm = require('rimraf');
const path = require('path');
const chalk = require('chalk');
const webpack = require('webpack');
const config = require('../config');
const webpackConfig = require('./webpack.prod.conf');

const spinner = ora('building for production...');
spinner.start();

rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
  if (err) throw err;
  webpack(webpackConfig, (err, stats) => {
    spinner.stop();
    if (err) throw err;
    process.stdout.write(stats.toString({
      colors: true,
      modules: false,
      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
      chunks: false,
      chunkModules: false
    }) + '\n\n');

    if (stats.hasErrors()) {
      console.log(chalk.red('  Build failed with errors.\n'));
      process.exit(1);
    }

    console.log(chalk.cyan('  Build complete.\n'));
    console.log(chalk.yellow(
      '  Tip: built files are meant to be served over an HTTP server.\n' +
      '  Opening index.html over file:// won\'t work.\n'
    ));
  })
});

从上面的 traback 错误信息来看，我只是认为这可能需要检查问题。

Answer 1

你可以使用vue-particles，对吧？

打开:

webpack.base.conf.js

将此对象添加到规则数组

  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'), resolve('node_modules/vue-particles')]
  }