0

GitHub で公開されている xd-json-wrappergetArtboardAsJSON を使いたく、importを行いたいファイルmain.jsで、

main.js

import { getArtboardAsJSON } = "xd-json-wrapper";//<- この書き方、書く場所は正しいですか?

function myCommand(node) {
     const artboard = node;
     const wrappedArtboard = getArtboardAsJSON(artboard);
     JSON.stringify(wrappedArtboard);
}

と書いているのですが、

import { getArtboardAsJSON } = "xd-json-wrapper";

がSyntaxErrorとして指摘され、読み込めません。

ファイルの階層は以下のようになっています。

画像の説明をここに入力

4
  • ブラウザはIEですか。IEならimportをサポートされていませんので。 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
    – ohs_lujing
    Commented 2019年10月21日 7:30
  • main.jsはAdobe XDのプラグインとして使用するファイルで、ブラウザで表示するのものではないです。githubのページではsampleコードにimportが書かれているので使えそうな感じかと思います。
    – aqua
    Commented 2019年10月21日 7:36
  • JavaScript の書式としては正しいもののようです。 - 参考: import - JavaScript | MDN / SyntaxError も省略せずに表示されたメッセージをすべて載せた方が回答のヒントに繋がるかと思います。
    – cubick
    Commented 2019年10月21日 12:15
  • 1
    github.com/svschannak/xd-json-wrapper/issues/1 / import hoge = "package" のような書式はESスタンダードなものではありません。(参考に貼られているMDN内のどれにも一致しないですよね)importをconstのかわりにおくようなシンタックスはTypeScriptにありますが、それもrequireを使うのでちょっとちがう…… / Adobe XDプラグインとしてはnode同様require()を用いるようですが…… adobexdplatform.com/plugin-docs/reference/javascript/…
    – hinaloe
    Commented 2019年10月21日 17:27

1 件の回答 1

2

少なくともそれは、 ESM の import 構文としては見たことがありません。当該リポジトリの Issues においてもこの構文に関するスレッドがあるので、少なくとも何らかのビルドシステムを通さなければこの構文は使用出来ないのではないかと思います。

その構文の詳細はわかりませんが、当該エラーの解決策は、通常通り require 関数を用いてパッケージを読み込むことです。また、 Node.js v12.13.0 では ESM は実験的 (Stability: 1) な機能になっており、 xd-json-wrapper パッケージのソースコードを読む限り、 ESM の使用は想定されていないと思われます。

const {getArtboardAsJSON} = require("xd-json-wrapper");

function myCommand(node) {
    const artboard = node;
    const wrappedArtboard = getArtboardAsJSON(artboard);
    JSON.stringify(wrappedArtboard);
}
3
  • ありがとうございます!試してみたいと思います。
    – aqua
    Commented 2019年10月21日 22:42
  • const { getXDWrapper } = require("./node_modules/xd-json-wrapper/index"); と書いて読み込めました。
    – aqua
    Commented 2019年10月21日 23:33
  • なるほどそうなのですね。ありがとうございました!
    – aqua
    Commented 2019年10月22日 1:03

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。