アポロブーストを使用した Svelte でロールアップエラーが発生しました

原本はSvelteとGraphQLを組み合わせて試してみようと思っていましたが、Apolloの提供するObservable Queryは、リアクティブなシナリオに非常に簡単に組み合わせることができます。

SvelteでApolloClientをインポートします。

import ApolloClient from 'apollo-boost';

しかし、すべてインストールした後にRollupのコンパイルがうまくいかないことがわかりました：

[!] エラー: 'import' および 'export' はトップレベルにのみ出現することができます
node_modules/symbol-observable/es/index.js (2:0)
1: /* global window */
2: import ponyfill from './ponyfill.js';
   ^
3:
4: var root;
エラー: 'import' および 'export' はトップレベルにのみ出現することができます
    at error (/Users/kalan/code/github-tool/node_modules/rollup/dist/shared/node-entry.js:5400:30)
    at Module.error (/Users/kalan/code/github-tool/node_modules/rollup/dist/shared/node-entry.js:9824:16)
    at tryParse (/Users/kalan/code/github-tool/node_modules/rollup/dist/shared/node-entry.js:9717:23)
    at Module.setSource (/Users/kalan/code/github-tool/node_modules/rollup/dist/shared/node-entry.js:10080:33)
    at Promise.resolve.catch.then.then.then (/Users/kalan/code/github-tool/node_modules/rollup/dist/shared/node-entry.js:12366:20)

issueを調べてみると、他の場所でも同様の問題があることがわかりました。現在は解決策を探すのが面倒なので、他のアイデアを完成させるために快適な領域でReactを使うことにしました。後でゆっくりと見てみるためにメモしておきます。