ESlint Parsing errorエラーの解決法

grunt-eslintのデフォルト設定では、"Parsing error: 'import' and 'export' may appear only with 'sourceType: module'" エラーが出て、そのままクラッシュするので、ドキュメントを確認すると、パーサーが原因でエラーが出ていることがわかります。

1. eslintrcファイルを有効にする

Gruntfileのbabelを修正する

 eslint: { options: { quiet: false, // configFile: 'eslint.json', // you can put the Eslint rule configuration content in this file // but testing found that eslintrc can configure everything completely outputFile: 'eslint.log' , // output log of eslint check results useEslintrc: true // enable eslintrc file, very important }, all: { files: { src: ['src/es6/**/*.js'] // files to be checked } }, // target: ['Gruntfile.js']}



1



2



3



4



5



6



7



8



9



10



11



12



13



14



15



16

2. eslintrc ファイルの設定

.babelrc ファイルに以下の設定を追加します。

{ "extend": ["eslint:recommended"], "parser": "babel-eslint", // must specify parser, otherwise errors are hard to eliminate "env": {        "amd": true, "es6": true, "browser": true, "node": false }, "rules": { // add all kinds of checksum rules }}



1



2



3



4



5



6



7



8



9



10



11



12



13

これでエラーは完全に解消されましたが、詳しい設定方法は eslint の公式ドキュメント .

3. プロジェクト例

ES6 のコード例と関連するプラクティスについては、以下を参照してください。 マイプロジェクト お気軽にコメントください。