Ich benutze Webpack 2 und möchte einen dynamischen Import durchführen. Linter gibt den folgenden Fehler beim dynamischen Import (import(...)
):babel-eslint erlaubt keinen dynamischen Import
[js] Erklärung oder Anweisung erwartet. (JSX-Attribut) import: true.
Ich habe folgende .eslintrc
(Auszug):
{
"parser": "babel-eslint",
"parserOptions": {
"allowImportExportEverywhere": true
}
}
Nach installiert ist:
"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 Konfiguration:
{
"presets": [
"es2015",
"react"
],
"plugins": ["syntax-dynamic-import", "dynamic-import-webpack"]
}
Update: Beispiel, in dem ein Fehler auftritt (reactive app). (Hier ist der Fehler nur [js] Declaration or statement expected
):
const App =() => {
import('./routes/Main/Main').then((Main) => {});
return(<div />);
};
'allowImportExportEverywhere' nichts mit' import() 'zu tun. Das Problem hat wahrscheinlich nichts mit Ihrer Babel-Konfiguration zu tun. Bitte posten Sie den Code, über den sich der Nutzer beschwert. –
https://stackoverflow.com/questions/42394593/how-to-tell-eslint-to-allow-staged-ecma-script-dynamic-imports Demnach ist es notwendig. – croraf
'allowImportExportEverywhere' ist eine Konfiguration für' import' und 'export' * Anweisungen * nicht für' import' Funktionsaufrufe. Der Fehler ist jedoch merkwürdig. –