NUXT 警告 "Emitted value instead of an instance of Error" 是关于什么的？

Question

我在应用 this NUXT tutorial 将 Bulma 添加为全局 CSS 后收到此编译警告：

nuxt-starter@1.0.0 dev /home/lsoave/Vue/nuxt-starter nuxt

nuxt:build 应用根目录：/home/lsoave/Vue/nuxt-starter +0ms nuxt:build 正在生成 /home/lsoave/Vue/nuxt-starter/.nuxt 文件... +2ms
nuxt:build 正在生成文件... +8ms nuxt:build 正在生成路由... +13ms nuxt:build 构建文件... +31ms nuxt:build 添加 webpack 中间件... +688ms █████████████████████ 100%

构建在 5.51 秒内完成

WARNING 编译时有 14 个警告
13:30:56

警告在./node_modules/bulma/css/bulma.css

（发射值而不是错误实例） postcss-自定义属性： /home/lsoave/Vue/sass/grid/columns.sass:469:4: 自定义属性忽略：不在顶级 :root 元素范围内 (.columns.is-变量 { ... --columnGap: ... })

@./node_modules/bulma/css/bulma.css 4:14-118 13:3-17:5 14:22-126
@./.nuxt/App.js @./.nuxt/index.js
@./.nuxt/client.js
@multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

...

有人知道为什么以及如何摆脱这些吗？

Answer 1

正如@P3trur0 在评论中所述，您应该将以下内容添加到 nuxt.config.js：

  /*
  ** Build configuration
  */
  build: {
    ...,
    postcss: {
      plugins: {
        "postcss-custom-properties": false
      }
    },
  }

NUXT 警告 "Emitted value instead of an instance of Error" 是关于什么的？

What is NUXT Warning "Emitted value instead of an instance of Error" about?

javascript

debugging

warnings

vue.js

nuxt.js