Vue 项目中未定义模块

Question

我刚刚通过按照官方文档npm init vue@latest中指定的方式运行来创建一个新的 Vue 应用程序。然后我尝试按照Vue 和 Vite网站上的指南将 Tailwind 添加到我的应用程序中。然而，当打开文件时，我注意到 ESLint 告诉我没有定义并且语法不起作用。tailwind.config.jsmodulemodule.exports

这是为什么？我该如何解决它？

.eslintrc.cjs编辑： Vue 创建的默认文件如下所示：

/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution");

module.exports = {
  root: true,
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/eslint-config-prettier",
  ],
  parserOptions: {
    ecmaVersion: "latest",
  },
};

Answer 1

将其添加到.eslintrc.cjs

env: {
  node: true,
},

所以你的文件看起来像

/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution");

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/eslint-config-prettier",
  ],
  parserOptions: {
    ecmaVersion: "latest",
  },
};

您可以添加任何这些值