我正在嘗試在 Nuxt 3.0.0-rc.8 應用程式中載入 mapboxgl 樣式表。通常，對於 Vue 項目，我手動將其新增至 index.html 頁面的頭部。

但是，這顯然不是 Nuxt 3 中的做法。我嘗試將其添加到 nuxt.config.ts 檔案中的 head 和 css 選項中，但都沒有成功。我確實注意到，當我將其添加到 css 數組時，它被添加到我的標頭中，但“https://”被替換為“_nuxt”。

我知道我錯過了一些簡單的事情。這是我的設定檔：

export default defineNuxtConfig({ css: [ '~/assets/css/main.css', ], build: { postcss: { postcssOptions: require('./postcss.config.js'), }, }, buildModules: ['@pinia/nuxt'], runtimeConfig: { treesAPIKey: '', public: { baseURL: '', mapToken: '', }, }, head: { link: [{ rel: 'stylesheet', href: 'https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css' }] }, });