Question

我在尝试在生产中构建一个ember应用程序时，已经有两个星期的错误了。在开发环境中构建它工作正常。我还意识到在ember-cli-build中禁用minifyJs会阻止错误，但是然后，应用程序在浏览器中加载时会停滞不前，在控制台中，我看到另一个错误：“无法导入ember-resolver”。

我的猜测是，这是由于UglifyWriter无法在某处理解某些代码。

完整错误是：

构建失败。文件：assets / vendor.js（95443：4） Broccoli插件：[UglifyWriter]失败了：错误在新的JS_Parse_Error（eval at（/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1），：1545：18）

at js_error (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:1553:11)

at croak (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2092:9)

at token_error (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2100:9)

at unexpected (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2106:9)

at semicolon (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2126:56)

at simple_statement (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2317:73)

at eval (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2186:19)

at eval (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2139:24)

at block_ (eval at <anonymous> (/home/larisoft/frontend/node_modules/uglify-js/tools/node.js:1:1), <anonymous>:2432:20)

西兰花插件在以下地方实例化：在UglifyWriter.Plugin（/home/larisoft/frontend/node_modules/broccoli-plugin/index.js:7:31）

at new UglifyWriter (/home/larisoft/frontend/node_modules/broccoli-uglify-sourcemap/index.js:25:10)

at UglifyWriter (/home/larisoft/frontend/node_modules/broccoli-uglify-sourcemap/index.js:20:12)

at Class.postprocessTree (/home/larisoft/frontend/node_modules/ember-cli-uglify/index.js:15:50)

at /usr/local/lib/node_modules/ember-cli/lib/broccoli/ember-app.js:543:27
at Array.forEach (native)

at EmberApp.addonPostprocessTree (/usr/local/lib/node_modules/ember-cli/lib/broccoli/ember-app.js:541:23)

at EmberApp.toTree (/usr/local/lib/node_modules/ember-cli/lib/broccoli/ember-app.js:1667:15)

at module.exports (/home/larisoft/frontend/ember-cli-build.js:37:16)

at Class.setupBroccoliBuilder (/usr/local/lib/node_modules/ember-cli/lib/models/builder.js:70:19)

我的package.json

{
"name": "hospitalrun",
"version": "0.9.12",
"description": "Ember front end for HospitalRun",
"homepage": "http://curacel.co",
"directories": {
"doc": "doc",
"test": "tests"
},
"scripts": {
"build": "./script/build",
"start": "./script/server",
"test": "snyk test && ./script/test"
},
"repository": {
"type": "git",
"url": "git@github.com:HospitalRun/hospitalrun-frontend"
},
"engines": {
"node": ">= 0.10.0"
},
"author": "John Kleinschmidt",
"contributors": [
"Joel Worrall",
"Joel Glovier"
],
"license": "GPL-3.0",
"devDependencies": {
"body-parser": "^1.14.2",
"broccoli-asset-rev": "^2.4.1",
"broccoli-export-text": "0.0.2",
"broccoli-funnel": "^1.0.1",
"broccoli-manifest": "0.0.7",
"broccoli-merge-trees": "^1.0.0",
"broccoli-serviceworker": "0.1.0",
"ember-ajax": "2.3.2",
"ember-cli": "^2.4.1",
"ember-cli-active-link-wrapper": "0.2.0",
"ember-cli-app-version": "^1.0.0",
"ember-cli-content-security-policy": "0.5.0",
"ember-cli-dependency-checker": "^1.2.0",
"ember-cli-deprecation-workflow": "0.2.2",
"ember-cli-fake-server": "0.3.1",
"ember-cli-htmlbars": "^1.0.7",
"ember-cli-htmlbars-inline-precompile": "^0.3.1",
"ember-cli-inject-live-reload": "^1.3.1",
"ember-cli-qunit": "^2.0.0",
"ember-cli-release": "1.0.0-beta.1",
"ember-cli-sass": "^5.2.1",
"ember-cli-scss-lint": "1.0.0",
"ember-cli-sri": "^2.1.0",
"ember-cli-uglify": "^1.2.0",
"ember-data": "^2.4.0",
"ember-disable-proxy-controllers": "^1.0.1",
"ember-export-application-global": "^1.0.4",
"ember-font-awesome": "2.1.1",
"ember-i18n": "4.2.1",
"ember-load-initializers": "^0.5.0",
"ember-pouch": "^3.1.0",
"ember-rapid-forms": "1.0.0-beta4",
"ember-resolver": "^2.0.3",
"ember-select-list": "0.9.5",
"ember-simple-auth": "^1.1.0-beta.3",
"ember-simple-auth-registration": "1.0.2",
"ember-suave": "2.0.1",
"ember-truth-helpers": "1.2.0",
"ember-validations": "2.0.0-alpha.4",
"express": "^4.8.5",
"glob": "^7.0.0",
"hospitalrun-dblisteners": "0.9.2",
"hospitalrun-server-routes": "0.9.7",
"loader.js": "^4.0.7",
"nano": "6.2.0",
"request": "2.72.0"
},
"dependencies": {
"ember-cli-babel": "^5.1.5",
"ember-cli-uglify": "^1.2.0",
"ember-radio-buttons": "^4.0.1",
"ember-resolver": "^2.1.0",
"snyk": "^1.14.1",
"sw-toolbox": "^3.1.1",
"uglify-js": "^2.7.4"
},
"ember-addon": {
"paths": [
  "lib/pouch-fixtures"
]
}

}

我的ember-cli-build：

/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
var app = new EmberApp(defaults, {
    // Add options here
});
// Use `app.import` to add additional libraries to the generated
// output files.
//
// If you need to use different assets in different
// environments, specify an object as the first parameter. That
// object's keys should be the environment name and the values
// should be the asset to use in that environment.
//
// If the library that you are including contains AMD or ES6
// modules that you would like to import into your application
// please specify an object with the list of modules as keys
// along with the exports of each module as its value.
app.import('vendor/pouchdb-list/pouchdb-list.js');
app.import('bower_components/node-uuid/uuid.js');
app.import('bower_components/bootstrap/dist/js/bootstrap.js');
app.import('bower_components/JsBarcode/CODE128.js');
app.import('bower_components/JsBarcode/JsBarcode.js');
app.import('vendor/dymo/DYMO.Label.Framework.1.2.6.js');
app.import('bower_components/moment/moment.js');
app.import('bower_components/typeahead.js/dist/typeahead.bundle.js');
app.import('bower_components/pikaday/pikaday.js');
app.import('bower_components/filer.js/src/filer.js');
app.import('bower_components/idb.filesystem/src/idb.filesystem.js');
app.import('bower_components/pikaday/css/pikaday.css');
app.import('vendor/octicons/octicons/octicons.css');

app.import('bower_components/pouchdb-load/dist/pouchdb.load.js');
app.import('bower_components/pouchdb/dist/pouchdb.memory.js');

return app.toTree();

};

Answer 1

似乎uglify.js在ES6文件中存在一些问题：https://forum.ionicframework.com/t/uglifyjs-fails-with-js-parse-error-error-but-no-stack-trace/66094。在我的情况下，将一个库（fold-to-ascii）降级为ES5版本就足够了。

不幸的是，错误消息不是很有用，因此找到有问题的文件是不必要的。在你的情况下很难分辨哪个文件导致错误，但我至少可以说是什么帮助了我。

我手动输入日志（在http://discuss.emberjs.com/t/debugging-failures-in-uglifyjs/7390/6的帮助下）：

dateFormatter.dateFormat = "hh:mm a"

进入 node_modules / uglify-js / lib / parse.js 的 js_error 函数（在我的案例中为第205行），并收到一条实际有用的消息：< / p>

function js_error(message, filename, line, col, pos) {
    console.log(`message: ${message} / filename: ${filename} / line: ${line}`);
    throw new JS_Parse_Error(message, filename, line, col, pos);
};

然后，通过在路径中找到搜索文本“ASCIIFolder”，我能够找到有问题的文件。

也可能需要“清理”安装npm和bower包（https://emberigniter.com/update-latest-ember-data-cli/）：

message: SyntaxError: Unexpected token: name (ASCIIFolder) / file: 0 / line: 64911 / position: 2070881

或者您可以使用[https://ember-cli.com/asset-compilation#exclude-from-minification]完全禁用 vendor.js 的缩小（尽管这不是最佳解决方案）：

npm cache clean && bower cache clean
rm -rf node_modules bower_components dist tmp
npm install
bower install

告诉 broccoli-uglify-sourcemap 忽略 vendor.js ，因此应该可以防止错误发生。

Answer 2

更新：

如果您不支持IE9浏览器，那么您可以使用ember-cli-uglify@2.0.0稳定版本进行缩小。

uglifyjs在缩小新ES功能方面存在问题，您可以使用ember-cli-babili缩小Ember-CLI中的javascript babili。

npm uninstall --save-dev ember-cli-uglify
npm install --save-dev ember-cli-babili

我正在使用它我的应用程序。 RWJBlue在他的博客（http://rwjblue.com/2017/04/21/ember-cli-targets/）

中提到了这一点

Answer 3

我厌倦了这些错误，因此我将uglify-js替换为upglify-es。使用yarn和ember-cli：

yarn upgrade ember-cli-uglify@2.0.0-beta.1

Answer 4

就我而言：

Build Error (UglifyWriter)
Unexpected token: eof (undefined)

解决方案是将ember-cli-moment-shim更新为版本v3.8.0

Broccoli插件：[UglifyWriter]失败了

4 个答案: