Ng-Lightning ParseError 'import'と 'export'は 'sourceType：module'としか表示されません。

Question

Angular 4アプリでng-lightningコンポーネントを使用しています。 Tomcatサーバーに展開するバンドルを構築しようとしています。私は以下のエラーが発生しています。 Googleを介して検索すると、ng-lightningがES6である可能性があり、ES5にそれを教える必要があると思われます。私はpackage.jsonファイルで次のスクリプトを試しましたが、同じエラーが表示されます。

C：\ myapp \ node_modules \ ng-lightning \ ng-lightning.js：1 '@ angle/core'から{NgModule}をインポートします。 'インポート' と 'エクスポート' のみが表示される場合があります 'たsourceType：：モジュール'^ ParseErrorです

"clean": "rmdir /S /Q dist", 
"newbuild": "npm run clean && tsc -p src/ --outDir dist", 
"build_prod": "npm run newbuild && browserify -s main src/main.js > dist/bundle.js -t [ babelify --presets [ es2015 react ] ] && npm run minify", 
"minify": "uglifyjs dist/bundle.js --screw-ie8 --compress --mangle --output dist/bundle.min.js", 

は、私はNG-雷のためのさまざまなプリセットが必要ですか？私はこのためにWebpackを使用していません。私はそれを試みましたが、別のエラーがあり、まだWebpackの使い方を完全には学んでいません。助けてくれてありがとう。

Answer 1

問題は、ng-lightningがes6パッケージで、「babelify」とes2015プリセットを使用する必要があることです。スクリプトを少し編集する必要もありました。最後に、ng-lightningのpackage.jsonファイルを編集しなければなりませんでした。私は、そのファイルに "browserify"変換を含めて、バンドルを成功させる必要がありました。この編集は私が以前に欠けていた重要な部分でした。

NG-雷package.json：

"browserify": { 
    "transform": [["babelify", { "presets": ["es2015"] }]] 
}, 

アプリのpackage.json "スクリプト"：

"clean": "rimraf dist", 
"newbuild": "npm run clean && tsc -p src/", 
"build_prod": "npm run newbuild && mkdir dist && browserify -s main -e src/main.js -t [ babelify --presets [ es2015 ] ] -o dist/app-bundle.js && npm run minify", 
"minify": "uglifyjs dist/app-bundle.js --screw-ie8 --compress --mangle --output dist/app-bundle.min.js" 

アプリのpackage.json "devDependencies"：

"babel-preset-es2015": "^6.24.1", 
"babelify": "^7.3.0", 
"browserify": "^14.4.0", 
"rimraf": "^2.6.1",