在 Nuxt 3 中添加属性“css:[]”导致 Typescript 错误

Question

我正在使用 Nuxt3/Typescript/CompositionAPI.. 当我想使用“css:”时，为什么我的

nuxt.config.ts

不断给出错误？ 现在这是我的

nuxt.config.ts

:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  css: [
    '~/assets/css/global.css',
  ],
  modules: [
    '@nuxtjs/tailwindcss',
    '@nuxtjs/google-fonts',
    '@formkit/nuxt',
    '@nuxtjs/eslint-module',
    // Pinia
    // i18n
  ],
  tailwindcss: {
    cssPath: '~/assets/css/tailwind.css',
    configPath: 'tailwind.config',
  },
  googleFonts: {
    families: {
      'Plus+Jakarta+Sans': true,
    },
  },
});

只有 css:[] 给出错误：

TS2345: Argument of type '{ app: {}; modules: string[]; tailwindcss: { cssPath: string; configPath: string; }; googleFonts: { families: { 'Plus+Jakarta+Sans': true; }; }; }' is not assignable to parameter of type 'NuxtConfig'.   Object literal may only specify known properties, and 'app' does not exist in type 'NuxtConfig'.

这是我的

package.json

:

   "devDependencies": {
    "@nuxtjs/eslint-module": "^4.0.2",
    "@nuxtjs/google-fonts": "^3.0.0",
    "@nuxtjs/tailwindcss": "^6.6.5",
    "eslint": "^8.37.0",
    "eslint-plugin-tailwindcss": "^3.10.3",
    "nuxt": "^3.3.3"
  },
  "dependencies": {
    "@formkit/addons": "^0.16.4",
    "@formkit/nuxt": "^0.16.4",
    "@formkit/themes": "^0.16.4",
    "@formkit/vue": "^0.16.4",
    "@nuxtjs/eslint-config-typescript": "^12.0.0"
  }

值得一提的是，这正在运行，因此本地主机上没有错误。但当我将鼠标悬停在它上面时，它只是在我的 IDE 中返回错误。

文档：https://nuxt.com/docs/api/configuration/nuxt-config#css。 我对建立新的 Nuxt 项目有点陌生。如果您还有其他需要，请告诉我。

谢谢

Answer 1

尝试安装 typescript 作为开发依赖项，修复了我的 IDE 上的问题

Answer 2

我在使用 VS code 时遇到了类似的问题，并通过将 typescript 版本更改为 Workspace 版本来解决该问题。

Answer 3

在 Nuxt 3.8.0 上，其他答案都不适合我。相反，在添加配置后，我需要运行

nuxt dev

。这生成了必要的类型。 （我认为

nuxt build

也会做同样的事情。）

Answer 4

我对 @nuxtjs/eslint-module 和 eslint key 也有同样的问题。我尝试了@yoduh的技巧（尽管我做了

npm run postinstall

），这为我解决了这个问题。