解析エラー：「インポート」と「輸出」は唯一のトップレベルで表示されることがあります

エラー

今日では、プロジェクトに与えられた後eslintを装備Parsing error: 'import' and 'export' may only appear at the top level。

再現

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モジュールは、いくつかの頭かのように対処するのは誤りとしてeslint御馳走それを、この構文が書かれている許可import書かれた次の言葉は確かにこのエラーを報告する必要があります。

理由

eslintデフォルトのパーサは、動的なインポートをサポートしていないかもしれません。

解きます

使用バベル-eslintは解決しました。

npm i babel-eslint -D

  ...
+ parser: "babel-eslint",
  parserOptions: {
    sourceType: 'module',
  }
  ...

最後に、添付のリンクを

概要

Baiduの検索結果に舞踏のうち、実際にある。小さな問題、時間の浪費。