Ich habe es gerade ausgeführt npm init vue@latest 创建了一个新的 Vue 应用程序，如官方文档中指定的那样。然后我尝试按照 Vue 和 Vite 网站上的指南将 Tailwind 添加到我的应用程序中。但是，当打开文件 tailwind.config.js 时，我注意到 ESLint 告诉我 module 未定义，并且 module.exports Die Syntax funktioniert nicht.
Warum ist das so? Wie kann ich es lösen?
Bearbeiten: Die von Vue erstellte Standarddatei .eslintrc.cjs sieht folgendermaßen aus:
/* 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",
},
};
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
考虑使用
.eslintrc.cjs… overrides: [ { files: ["{vue,vite}.config.*"], env: { node: true, }, }, ],以及仅为这些文件设置
compilerOptions.types: ["node"]TS 选项。它可能是这样的：
.eslintrc.cjs/* eslint-env node */ require("@rushstack/eslint-patch/modern-module-resolution"); module.exports = { root: true, extends: [ "plugin:vue/vue3-essential", "eslint:recommended", "@vue/eslint-config-typescript", "@vue/eslint-config-prettier", ], overrides: [ { files: ["cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}"], extends: ["plugin:cypress/recommended"], }, { files: ["{vue,vite}.config.*"], env: { node: true, }, }, ], parserOptions: { ecmaVersion: "latest", }, };tsconfig.config.json{ "extends": "@vue/tsconfig/tsconfig.node.json", "include": ["vue.config.*", "vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"], "compilerOptions": { "composite": true, "types": ["node"] } }将其添加到
.eslintrc.cjsenv: { 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", }, };您可以添加任何这些价值观