2017-04-05 6 views
0

こんにちは、私は、タグファイルriot jsで外部モジュールをインポートするには?私は新たなんだ

しかしUncaught SyntaxError: Unexpected token importエラー任意のアイデアを得ることに外部モジュール/ファイルをインポートしたい暴動にします?

+0

実際のソースコードが参考になります。私はbrowserify/riotifyを使っているので、タグのスクリプトでそれらを 'require 'するだけです。 –

答えて

1

私はあなたの質問から離れたくないが、問題はあなたがビルドプロセスを使用していない可能性が高い。 importステートメントはES6の機能であり、ブラウザではまだサポートされていません。ブラウザでサポートされるES5にES6コードを変換するには、トランスピラー(例:Babel JSなど)を使用する必要があります。 javascriptを初めて構築する場合、Riotを構築する際にいくつかの問題があるかもしれません。私のプロセスはWebpack、バベル、Riot tag loaderを使用しています。初心者にとってセットアップはかなり難しいかもしれませんが、いくつかの素晴らしいリソースとウォークスルーを見つけるのは簡単です。完了したら、あなたのWebPACKの設定は次のようになります。

module.exports = { 
    entry: './src/index.js', 
    output: { 
    filename: 'bundle.js', 
    path: './build' 
    }, 
    module: { 
    rules: [ 
    { 
     test: /\.tag$/, 
     loader: 'riot-tag-loader', 
     enforce: 'pre' 
    }, { 
     test: /\.(js|tag)$/, 
     loader: 'babel-loader', 
     exclude: /(node_modules)/ 
    } 
    ]} 
} 

をあなたはちょうど良いオールを使用し、バベルを含むような気がしない場合は」require()

例えばconst utils = require('./utils.js')

でも、まだビルドプロセスが必要です。

関連する問題