小编Rob*_*ing的帖子

postcss.config.js用于展示如何配置的变体数量非常令人困惑。有一些tailwindcss使用此功能的示例（例如文档中的示例）：

// Example 1:
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

然后是那些需要库的：

// Example 2:
module.exports = {
  plugins: {
    require('tailwindcss'),
    require('postcss-preset-env')({
      stage: 0,
      'nesting-rules': true
    })
  },
}

其他人在配置之前需要外部库module.exports：

// Example 3:

const tailwindcss = require('tailwindcss');
const postcssPresetEnv = require('postcss-preset-env');


module.exports = {
  plugins: {
    tailwindcss,
    postcssPresetEnv
  },
}

当必须合并未根据默认值命名的配置文件时，还有更多必要的内容。

yarn dev今天，当使用 postcss.config.js运行时，我收到此错误，如示例 2 所示：

Syntax Error: /[path]/_pod-test/postcss.config.js:3
    require('tailwindcss'),
             ^^^^^^^^^^^

SyntaxError: Unexpected string

当我删除带有“tailwindcss”的行时，“postcss-preset-env”也会发生同样的情况：

Syntax Error: /Volumes/_III_/Z_WWW/_ZZZ PoD/_pod-test/postcss.config.js:3
    require('postcss-preset-env')({ …

有一些教程（例如https://medium.com/geekculture/chart-js-in-nuxt-js-how-to-implement-c255a2657b02）展示了如何将 Chart.js 与早期版本的 Nuxt 集成3 甚至 Nuxt 2。但它们由于各种原因不起作用。本教程例如 https://dev.to/anggakswr/chart-js-in-nuxt-js-4hjf 会导致 500 错误：

Cannot read properties of undefined (reading 'component')

at ./plugins/charts.js:6:31
at async ViteNodeRunner.directRequest (./node_modules/vite- 
node/dist/client.mjs:331:5)

此外，还有不同的方法：一个教程/示例使用“Nuxt 插件”方式，另一种使用“Nuxt 组件”方式......

我尝试了基于此处文档的插件方式：https ://nuxt.com/docs/guide/directory-struct/plugins#vue-plugins ：

// plugins/charts.js

import { Bar } from "vue-chartjs"

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Bar)
})

但一旦我运行npm run dev，我就会收到此警告：

[Vue warn]：插件必须是一个函数或具有“安装”函数的对象。

然后：

[Vue warn]: Failed to resolve component: BarChart
If this is a native custom element, make sure to exclude it from component resolution …

我想遍历我的routes使用v-for，以便<router-link>在本template节中动态生成。

目前，我不知道如何解决routerPARAM，即定义main.js，在template我的部分jvds-navigation.vue组件。

这些是脚本，我在其中出现了问题时添加了注释：

main.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

// Import the routes file
import { routes } from './router/routes.js'

// Router
Vue.use(VueRouter)
const router = new VueRouter({
    routes,
    base: __dirname,
    mode: 'history'
})

new Vue({
    router, // short for "router: router"
    render: h => h(App),
}).$mount('#app')

应用程序

<template>
    <span id="app" class="o-root">
        <jvds-navigation class="..."></jvds-navigation>
        <router-view></router-view>
    </span>
</template> …

在dart和flutter代码中，通常在类的参数/实例变量之前声明构造函数，例如：

class Example {
    // Constructor BEFORE parameters
    Examples(this.name, this.profession);

    final String name;
    final String profession;
}

来自php，我习惯了不同的顺序，即：参数优先：

class Example {    
    final String name;
    final String profession;

    Examples(this.name, this.profession);
}

（据我所知，这也是用我的其他语言完成的，例如Java，Ruby，C＃...）

在Dart的编码样式指南中，https://dart.dev/guides/language/effective-dart/style没有解决此“现象”，并且到目前为止，我没有找到其他有关此现象的资料。

这是“ Cloud Next '19”演示文稿中的一个示例，由flutter核心开发人员提供了代码： https://youtu.be/RpQLFAFqMlw?t=1070

甚至当通过创建新的flutter项目时，您获得的即用型计数器应用程序也flutter create使用以下顺序：

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields …