.
.
↓ エラーはこちらです。
export var b = {};
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module
↓ 大元の発生源はここですね…
@node_modules\browserify\index.jsBrowserify.prototype._syntax = function () {
...
var err = syntaxError(row.source, row.file || row.id);
if (err) return this.emit('error', err);
syntax-error から acorn-node に接続するようです。
↓ 停止位置はこちらでした。
@node_modules\acorn-node\node_modules\acorn\dist\acorn.js// Parse a single statement.
//
// If expecting a statement and finding a slash operator, parse a
// regular expression literal. This is to handle cases like
// `if (foo) /blah/.exec(foo)`, where looking at the previous token
// does not help.
pp$1.parseStatement = function(context, topLevel, exports) {
...
case types._import:
if (!this.options.allowImportExportEverywhere) {
if (!topLevel)
{ this.raise(this.start, "'import' and 'export' may only appear at the top level"); }
if (!this.inModule)
{ this.raise(this.start, "'import' and 'export' may appear only with 'sourceType: module'"); }
総括しますと、
import や export 構文を許可しないことが問題なのではなく、import → require
export → module.exports
になっていない ES6 (ES2015) 形式の javascript を投入したことが問題なのです…
仮に import と export を許可するように修正した場合、つぎのような export が混じったコードを生成します。
(function () { function r(e, n, t) { function o(i, f) { if (!n[i]) { if (!e[i]) { var c = "function" == typeof require && require; if (!f && c) return c(i, !0); if (u) return u(i, !0); var a = new Error("Cannot find module '" + i + "'"); throw a.code = "MODULE_NOT_FOUND", a } var p = n[i] = { exports: {} }; e[i][0].call( p.exports, function (r) { var n = e[i][1][r]; return o(n || r) }, p, p.exports, r, e, n, t) } return n[i].exports } for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]); return o } return r })()({ 1: [function (require, module, exports) { var b = require('./b'); }, { "./b": 2 }], 2: [function (require, module, exports) { export var b = {}; }, {}] }, {}, [1]);
export があるので、これでは Web ブラウザーでは実行ができませんね…
という訳で、require や module.exports を採用している CommonJS 形式のものを使用しましょう…
ここは無理矢理 babelify で片づけるという手もありますが…
Object.defineProperty() という ES3 (Internet Explorer 8 (Windows XP)) 殺しの言語仕様が出現することになります…
0 件のコメント:
コメントを投稿