我正在使用 Node.js 10.0.0 & 我的index.mjs样子：

import path from "path";

console.log(__dirname);

在我的终端中，我运行

node --experimental-modules index.mjs

我收到以下错误：

(node:3750) ExperimentalWarning: The ESM module loader is experimental.
ReferenceError: __dirname is not defined
at file:///MyFolderPath/node-10/index.mjs:3:21
at ModuleJob.run (internal/modules/esm/module_job.js:106:14)

我正在尝试制作一个esbuild使用 Sharp 将 GIF 转换为 PNG 的插件，但出现以下错误：

\n

\xe2\x9d\xaf npx esbuild .\\src\\utils\\gif-to-png.ts --platform=node --bundle\nnode_modules/sharp/lib/utility.js:7:22：错误：否加载器配置为“.node”文件：node_modules/sharp/build/Release/sharp.node\n7 \xe2\x94\x82 const Sharp = require(\'../build/Release/sharp.node\'); \n\xe2\x95\xb5 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

gif 转 png.ts

import fs from \'fs\'\nimport path from \'path\'\nimport sharp from \'sharp\'\nimport { Plugin } from \'esbuild\'\n\nconst ROOT_PATH = process.cwd()\nconst POSTS_PATH = path.join(ROOT_PATH, \'public\')\n\nfunction* walkSync(dir: fs.PathLike): any {\n    const files = fs.readdirSync(dir, { withFileTypes: true })\n    for (let i = 0; i < files.length; i++) {\n        if (files[i].isDirectory()) {\n            yield* walkSync(path.join(dir as …

我同意Apollo Client很难设置,因为它有很多样板(尽管在阅读文档之后变得很简单)和诸如AWS Amplify,URQL,Apollo Boost和Micro GraphQL React之类的东西使得在客户端上使用GraphQL变得容易.

我目前正在使用AWS AppSync并希望在AWS Amplify和Apollo Client之间做出选择,而我正考虑进入所有AWS.

那么AWS Amplify和Apollo Client有什么区别？

基本上，我只用constructor了React3个原因-

1.如要初始化state-

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = { counter: 0 };
    }
}

但是由于Babel的班级领域支持，我不再使用它

class App extends React.Component {
    state = { counter: 0 };
}

2. bind像-

class App extends React.Component {
    constructor(props) {
        super(props);
        this.increment.bind(this);
    }

    increment() {

    }
}

但是由于arrow功能原因，我不再这样做了

class App extends React.Component {
    increment = () => {

    }
}

3.如要使用createRef-

class App extends React.Component {
    constructor(props) …

我想从生成的捆绑包中树摇动lodash以及我未使用的multiply功能webpack

我有2个主要文件app.js&math.js

它包含以下代码 -

app.js

import map from "lodash/map";

import { sum } from "./math";

console.log("");

console.log(`2 + 3 = ${sum(2, 3)}`);

map([1, 2, 3], x => {
    console.log(x);
});

math.js

export const sum = (a, b) => a + b;
export const multiply = (m, n) => m * n;

webpack.config.js

const path = require("path");
const webpack = require("webpack");
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
const Jarvis = require("webpack-jarvis");

let plugins = [new …

我想创建以下效果：

目前，我有这个奇怪的效果：

我使用转型从@headlessui/react。

我的代码看起来像：

<Transition
    show={app.theme !== 'light'}
    enter="transition ease duration-700 transform"
    enterFrom="opacity-0 -translate-y-full"
    enterTo="opacity-100 translate-y-0"
    leave="transition ease duration-1000 transform"
    leaveFrom="opacity-100 translate-y-0"
    leaveTo="opacity-0 -translate-y-full"
>

我如何实现它？