小编Lui*_*nto的帖子

我正在使用一个名为 的库react-canvas。

从几天前开始，<p>在包括 Chrome 在内的网络浏览器中，画布应显示的区域中出现了带有标签的错误消息。

我正在使用nextjs，我附上package.json以下内容。

=================================================== ===========

SharedArrayBuffer is not defined ReferenceError: SharedArrayBuffer is not defined
at eval (webpack-internal:///./node_modules/jsdom/node_modules/webidl-conversions/lib/index.js:348:37)
at Object../node_modules/jsdom/node_modules/webidl-conversions/lib/index.js (http://localhost:3000/_next/static/chunks/1.js:7185:1)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:873:31)
at fn (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:151:20)
at eval (webpack-internal:///./node_modules/jsdom/node_modules/whatwg-url/dist/URL.js:3:21)
at Object../node_modules/jsdom/node_modules/whatwg-url/dist/URL.js (http://localhost:3000/_next/static/chunks/1.js:7221:1)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:873:31)
at fn (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:151:20)
at eval (webpack-internal:///./node_modules/jsdom/node_modules/whatwg-url/webidl2js-wrapper.js:3:13)
at Object../node_modules/jsdom/node_modules/whatwg-url/webidl2js-wrapper.js (http://localhost:3000/_next/static/chunks/1.js:7341:1)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:873:31)
at fn (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:151:20)
at eval (webpack-internal:///./node_modules/jsdom/node_modules/whatwg-url/index.js:3:34)
at Object../node_modules/jsdom/node_modules/whatwg-url/index.js (http://localhost:3000/_next/static/chunks/1.js:7329:1)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:873:31)
at fn (http://localhost:3000/_next/static/chunks/webpack.js?ts=1627653343946:151:20)
at Object.eval (webpack-internal:///./node_modules/jsdom/lib/api.js:7:19)
at eval (webpack-internal:///./node_modules/jsdom/lib/api.js:335:30)
at …

当我创建一个实体（在本例中为公司）时，我使用Formik和Yup来检查字段是否正确以及所有字段是否都已引入（全部都是必需的）。

当我创建一个实体时，它工作正常：只有在引入所有字段并且满足规则（目前仅针对电子邮件的一条规则）时，它才允许您创建它。

这是用于创建具有 2 个字段名称和电子邮件的新公司的代码：

    import React from 'react';
    import { Redirect } from 'react-router-dom';
    import { Formik, Form, Field } from 'formik';
    import { Input, Button, Label, Grid } from 'semantic-ui-react';
    import { connect } from 'react-redux';
    import * as Yup from 'yup';
    import { Creators } from '../../../actions';
    import Layout from '../../Layout/Layout';
    
    class CreateCompanyForm extends React.PureComponent {
      constructor(props) {
        super(props);
    
        this.state = {
          name: '',
          contactMail: '',
          redirectCreate: false,
          redirectEdit: false,
          edit: false,
        }; …

我们有 UserContext哪些设置我们可以在整个应用程序中使用的用户对象。UserContext即使依赖没有改变，我们每次都继续执行并且不必要地进行 api 调用。

    import React, { useState, useEffect } from 'react'
    import APIService from './utils/APIService';
    import { getCookies } from './utils/Helper';

    const UserContext = React.createContext();

    const UserContextProvider = (props) => {
        const [token, setToken] = useState(getCookies('UserToken'));
      const [user, setUser] = useState(null);
        
        useEffect(() => {
            console.log('Inside userContext calling as token ', token)
        fetchUserInfo();

        }, [token]);

        const fetchUserInfo = async() => {
            if (token) {
                let userRes = await APIService.get(`/user?token=${token}`);
                console.log('User route called')
                setUser(userRes.data);
            }      
        }

        /* 
            If …

我看到能够使用除公共文件夹之外的其他目录的图像的替代方法是使用 Next-Images 库，但我按照文档中的描述正确执行了所有设置，我已经在互联网，但没有任何作用，我只能加载它 svgs。我在我的项目中使用打字稿。我注意到有关打字的一个细节，我们必须添加此参考：

/// <reference types="next-images" />

变得像这样：

/// <reference types="next-images" />

但是，对于 next-env.d.ts 文件，每次运行命令时，yarn dev添加的引用都会自动删除。

我的 next.config.js 文件：

/// <reference types="next" />
/// <reference types="next/types/global" />
/// <reference types="next/image-types/global" />
/// <reference types="next-images" />

我注意到的另一件事是：当项目编译时，通过浏览器控制台<img src="">，src中的标签是路径：

/_next/static/images/cora-c562c6fa203473521a5dc5b15a841192.jpg

由于我通过浏览器控制台手动输入了另一条路径，因此它可以工作：

/_next/static/image/src/assets/cora.e76cddfc04ca9d4b8a3868b2c40e3b7f.jpg

因此，如果有人知道我是否缺少任何可能没有完成的设置，或者可能有帮助的视频，或者文档中的详细信息，我将不胜感激。

下一版本：11.0.1 打字稿版本：4.3.5 下一图像版本：1.8.1

我对多部分（表单数据）的 POST 请求有问题。其他主题中的所有想法都不起作用。

• 我使用快递、multer和邮递员
• 我完全删除了正文解析器
• 上传文件有效，但使用密钥访问数据无效。
• 当我尝试时，console.log(req.body);我获得undefined

这是我的代码：

应用程序.js

    var express = require('express');
    var path = require('path');
    var favicon = require('serve-favicon');
    var logger = require('morgan');
    var cors=require('cors');

    //var index = require('./routes/index');
    //var users = require('./routes/users');
    var UsersDB=require('./routes/UsersDB');

    var app = express();

    // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'jade');

    // uncomment after placing your favicon in /public
    //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
    app.use(cors());
    app.use(logger('dev'));
    app.use(express.static(path.join(__dirname, 'public')));

    //app.use('/', index);
    //app.use('/users', users); …