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

4sup72z8 于 2023-04-13 发布在 TypeScript

关注(0)|答案(2)|浏览(356)

我正在使用Nuxt 3/Typescript/CompositionAPI..为什么我的nuxt.config.ts在我想使用例如'css：'时一直给我错误？现在这是我的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项目有点陌生。如果你需要其他东西，请告诉我。
谢谢

typescript

来源：https://stackoverflow.com/questions/75949400/adding-property-css-in-nuxt-3-resulting-in-typescript-error

2条答案

按热度按时间

ecr0jaav1#

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

赞(0）回复(0）举报 2023-04-13

f3temu5u2#

正如你所看到的，这个问题不是关于CSS的：[]错误来自：

tailwind: {
   cssPath: '~/assets/css/tailwind.css',
   configPath: 'tailwind.config',
},
googleFonts: {
   families: {
      'Plus+Jakarta+Sans': true,
   },
},

所以，我建议你按照文档的建议将代码改为这样，并添加一个特定的文件（tailwind.config.ts）到项目中。使用Nuxt.js安装Tailwind CSS另一件事是，你可以将nuxt.config.ts改为这样：

// -- Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [],

// -- add global css
css: ['~/assets/css/global.css'],

// -- add all necessary module
modules: ['@nuxtjs/tailwindcss','nuxt-icon','@nuxtjs/i18n'],

并消除顺风。

赞(0）回复(0）举报 2023-04-13

我来回答

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

2条答案

相关问题

热门标签

最新问答