un error
Hoy en día, después de haber sido dado a la eslint equipada proyecto Parsing error: 'import' and 'export' may only appear at the top level.
reproducción
import "lib-flexible/flexible.js";
import userOptions from "@/assets/js/merge";
import { loadFiles } from "@/assets/js/tools";
import env from "@/constants/env";
window.userOptions = userOptions;
const assets = 123;
if (env === "dev") {
import("@/assets/css/blog-common.min.css"); // 这一行import报错
} else {
loadFiles([
{
name: `${userOptions.theme.name}`,
type: "js"
}
]);
}es6 módulos permiten esta sintaxis está escrito, eslint lo tratan como un error de tratar, como si la cabeza de varios importescritas las siguientes palabras de hecho debe informar de este error.
razón
eslint analizador por defecto no sea compatible con la importación dinámica.
resolver
Uso babel-eslint resuelto.
npm i babel-eslint -D
...
+ parser: "babel-eslint",
parserOptions: {
sourceType: 'module',
}
...Por último, adjuntar enlaces
resumen
Baidu resultados de búsqueda es realmente fuera de lo macabro. Un pequeño problema un montón de tiempo perdido.