小编rgu*_*ohn的帖子

如何在 Nuxt 3 中加载外部样式表?

我正在尝试在 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' }] },
});
Run Code Online (Sandbox Code Playgroud)

vue.js mapbox-gl-js nuxt.js nuxtjs3

2
推荐指数
1
解决办法
2302
查看次数

在 Heroku 上部署 nuxt 3 应用程序时如何运行启动脚本

我一直在尝试将需要 Node.js 实例的 Nuxt 3 应用程序部署到 Heroku。

我已将 Procfile 添加到项目的根目录中,但文档(我认为引用的是 Nuxt 2)说要添加脚本命令“yarn start”以在服务器上启动并运行 node.js 实例。

但是,Nuxt 3 没有启动命令。

我应该向 Nuxt 3 应用程序的 Procfile 添加什么命令?或者这已经不再必要了?

heroku node.js nuxt.js nuxtjs3

1
推荐指数
1
解决办法
1585
查看次数

标签 统计

nuxt.js ×2

nuxtjs3 ×2

heroku ×1

mapbox-gl-js ×1

node.js ×1

vue.js ×1