Modul tidak ditakrifkan dalam projek Vue
P粉235202573
P粉235202573 2023-11-17 12:38:53
0
2
966

Saya baru sahaja menjalankannya melaluinpm init vue@latest创建了一个新的 Vue 应用程序,如官方文档中指定的那样。然后我尝试按照 Vue 和 Vite 网站上的指南将 Tailwind 添加到我的应用程序中。但是,当打开文件tailwind.config.js时,我注意到 ESLint 告诉我module未定义,并且module.exportsSintaks tidak berfungsi.

Kenapa ni? Bagaimana saya boleh menyelesaikannya?

Edit: Fail lalai.eslintrc.cjsyang dibuat oleh Vue kelihatan seperti ini:

/* 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", }, };


P粉235202573
P粉235202573

membalas semua (2)
P粉333186285

Pertimbangkan untuk menggunakan

  • .eslintrc.cjs
    … overrides: [ { files: ["{vue,vite}.config.*"], env: { node: true, }, }, ],

dan tetapkan pilihancompilerOptions.types: ["node"]TS hanya untuk fail ini.



Ia mungkin kelihatan seperti ini:

  • .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"] } }
    P粉738821035

    Tambahkannya pada.eslintrc.cjs

    env: { node: true, },

    Jadi fail anda kelihatan seperti

    /* 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", }, };

    Anda boleh menambah mana-manadaripadanilai

    ini
      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!