3
私はwebpack 2を使用しており、動的インポートを行いたいと思います。 Linterは、動的インポート（つまり、import(...)）で次のエラーを表示します。babel-eslintは動的インポートを許可していません
[js]宣言または声明が必要です。 （JSX属性）import：trueです。
私は.eslintrc（抜粋）を以下している：
{
"parser": "babel-eslint",
"parserOptions": {
"allowImportExportEverywhere": true
}
}
インストールされている次のとおりです。
"eslint": "^3.16.1",
"babel-eslint": "^7.2.3",
"babel-plugin-dynamic-import-webpack": "^1.0.1",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
babelrc構成：
{
"presets": [
"es2015",
"react"
],
"plugins": ["syntax-dynamic-import", "dynamic-import-webpack"]
}
更新：エラーが発生した場合の例（react app）。 （ここでエラーがちょうど[js] Declaration or statement expectedです）：
const App =() => {
import('./routes/Main/Main').then((Main) => {});
return(<div />);
};
'allowImportExportEverywhere'インポート'とは何の関係もありません（） '。この問題はおそらくあなたのバベルの構成とは関係ありません。リンテルが文句を言うコードを投稿してください。 –
https://stackoverflow.com/questions/42394593/how-to-tell-eslint-to-allow-staged-ecma-script-dynamic-importsこれには、それが必要です。 – croraf
'allowImportExportEverywhere'は' import'関数呼び出しのための 'import'と' export' *文の設定です。しかし、エラーは変です。 –