小编Nel*_*les的帖子

我有两个文件,它们组合在600字节(.6kb)下,如下所示.

那么我的app.bundle.js怎么这么大(987kb),更重要的是如何管理它的大小呢？

src文件index.js

import _ from 'lodash';
import printMe from './print.js';


  function component() {
    var element = document.createElement('div');
    var btn = document.createElement('button');

    // Lodash, now imported by this script
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');

    btn.innerHTML = 'click and check console';
    btn.onclick = printMe;

    element.appendChild(btn);

    return element;
  }

  document.body.appendChild(component());

src文件print.js

export default function printMe() {
  consoe.log('Called from print.js');
}

webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
  entry: {
    app: './src/index.js',
    print:'./src/print.js' …

这是全新的安装 - 我没有对警报组件进行任何转换

复制代码很简单

import React from "react";
import { Alert } from "reactstrap";

export const Index = () => {
   return (
      <div>
         <Alert color='primary'>This is a primary alert — check it out!</Alert>
      </div>
   );
};

错误消息：请更新以下组件：过渡

如何一起更新Transition或消除它？

当我运行firebase init以启动一个新项目 时，当我转到 firebase 仪表板时，会自动创建 package.json 文件（如下所示），然后它会抛出此警告”

Starting NaN, NaN, we'll no longer support new deploys or updates of Node.js 8 functions.
Starting NaN, NaN, we'll no longer support executions of existing Node.js 8 functions.

Run Code Online (Sandbox Code Playgroud)

你如何初始化和指定版本？或者有什么解决方法？

{
  "name": "functions",
  "description": "Cloud Functions for Firebase",
  "scripts": {
    "lint": "eslint .",
    "serve": "firebase emulators:start --only functions",
    "shell": "firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "8"
  },
  "dependencies": …

我希望使用SendGrid模板发送电子邮件。我使用标准 v3 api 和简单的 axios 调用。

我希望使用模板发送电子邮件。邮件应包含许多行和列。我不知道创建模板时会有多少行/列。行/列数将取决于仅在撰写电子邮件时已知的数据。

在我的代码中我希望：

1. 使用 HTML 或其他推荐的方法收集数据并组成任意数量的行/列。
2. 使用模板撰写消息，并使用“个性化/动态_模板_数据”或任何其他推荐的方法将 (1) 中的 HTML 插入到模板中。
3. 发送电子邮件。
4. 我希望电子邮件将我的 HTML 行/列视为 HTML。

我的代码（不起作用 - HTML 被视为文本）：

  //Coompose HTML
  let alertHtml = ''
  noteObjArray.forEach((nototObj)=>{
    ...
    alertHtml += (myDate !== '') ? `- ${someText} ${myDate } ` : ''
    ...
    alertHtml += '<br/>'
  })

  //Send mail using SendGrid  
  const mailSender = firebaseFunctionsConfig.sendgrid.sender
  const msg = {
    personalizations: [{
      to: [{email, name}],
      dynamic_template_data: {userName:name, amount, alertHtml}
    }],
    from: {email: mailSender.email, name: mailSender.name},
    reply_to: …

简化示例

import { createSlice, PayloadAction } from '@reduxjs/toolkit';

    type Cake = {
      flavor: string;
      size: 'S' | 'M' | 'L';
    };

const initialState: { all: Cake[]; meta: { currentPage: number } } = {
  all: [],
  meta: {
    currentPage: 0,
  },
};

const cakeSlice = createSlice({
  name: 'cake',
  initialState,
  reducers: {
    fetchAll(
      state,
      action: PayloadAction<Cake[], string, { currentPage: number }>,
    ) {
      state.all = action.payload;
      state.meta = action.meta;
    },
  },
});

export default cakeSlice;

我收到这些错误。

Type '
(state: {
    all: …

我目前正在做一个项目，在这个项目中我使用了 React 和 Material-UI 框架。但是，使用 grid 后会弹出一个错误消息：

checkPropTypes.js:20 Warning: Failed prop type: The property `spacing` of `Grid` must be used on `container`.
    in WithStyles(ForwardRef(Grid)) (created by NavBar)
    in NavBar (created by Root)
    in Root

我已经检查了我的所有代码，并且 Grid 容器确实使用了该spacing道具。我还尝试从 Grid 项目中删除间距，这会导致更多错误。

<BrowserRouter>
      <AppBar position="static">
        <Toolbar style={navStyle}>
          <Grid
            justify="space-between"
            container
            spacing={10}
          >
            <Grid
              item
              spacing={2}
            >
...

然而，一切都正确地显示在屏幕上；这个错误仍然弹出。我不确定如何解决这个问题，很想学习！

    const admin = require('firebase-admin');
    require('dotenv').config()
    // const serviceAccount = require("../service-account-file.json");
    const check = process.env.GOOGLE_APPLICATION_CREDENTIALS;
    //GOOGLE_APPLICATION_CREDENTIALS="/home/byordani93/tuDiagram/service-account-file.json"
    console.log(check, 'mate')

    admin.initializeApp({
      projectId: 'tudiagram',
      credential: admin.credential.applicationDefault(check),
      databaseURL: 'https://tudiagram.firebaseio.com'
    });

    module.exports = admin;

然后留言

> (node:3218) UnhandledPromiseRejectionWarning: Error: Credential
> implementation provided to initializeApp() via the "credential"
> property failed to fetch a valid Google OAuth2 access token with the
> following error: "Error fetching access token: Error while making
> request: The "options.agent" property must be one of type Agent-like
> Object, undefined, or …

有谁知道这个错误甚至意味着什么？它是非描述性的，并不适合调试路径。在 google Lighthouse 中测试页面速度时会发生这种情况。

所以给出的例子如下

const translate = require('google-translate-api');

translate('Ik spreek Engels', {to: 'en'}).then(res => {
    console.log(res.text);
    //=> I speak English
    console.log(res.from.language.iso);
    //=> nl
}).catch(err => {
    console.error(err);
});

并出现以下错误消息

{ /var/www/translate/node_modules/google-translate-api/index.js:105:17 处的 process._tickCallback (internal/process/next_tick.js:160:7) 代码处出现错误： 'BAD_REQUEST' }

这是基本设置，如果有人解决了此问题，请发帖 - 感谢您的帮助。

我知道可以在尚未填充的表格上显示循环进度。你怎么做呢？

就目前情况而言，该表显示“没有可显示的记录...”，直到服务器返回数据。

========= 进一步@torquan 的回复，这对我来说更详细。

const [dataFetched, setDataFetched] = useState(false)

转换EmployeesTable成一个组件 - 然后我必须传递道具，它工作得很好。

         {!dataFetched ? (
            <CircularProgress />
         ) : (
            <EmployeesTable
               data={employees}
               token={token}
            />
         )}

我想使用 Google Colab 来加速我的深度学习模型的计算过程。但是，我无法直接从 Google Colaboratory 中的 .ipynb 文件运行模型，因为它有几个单独编写的 .py 函数，然后主程序会在另一个 .py 文件中将它们一起调用。

提议的解决方案之一包括以下三个步骤：

1. 在 Github 上提交代码
2. 克隆协作
3. 在 Colab 上运行此命令：!python model_Trainer.py

我已经做了步骤1并且2成功了，但是我仍然无法运行第三步。我收到以下错误：python3：无法打开文件“model_trainer.py”：[Errno 2] 没有这样的文件或目录。

有没有人有解决这个问题的方法？

我期待着您的回音。

那里！我从themeforest购买了一些模板，预览版一切正常，但使用新版时出现错误，例如

> TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type
> string. Received type undefined
>         at validateString (internal/validators.js:125:11)
>         at Object.join (path.js:427:7)
>         at noopServiceWorkerMiddleware (C:\Users\Rade\Desktop\gComet-master\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
>         at Layer.handle [as handle_request] (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\layer.js:95:5)
>         at trim_prefix (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:317:13)
>         at C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:284:7
>         at Function.process_params (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:335:12)
>         at next (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:275:10)
>         at launchEditorMiddleware (C:\Users\Rade\Desktop\gComet-master\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
>         at Layer.handle [as handle_request] (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\layer.js:95:5)
>         at trim_prefix (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:317:13)
>         at C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:284:7
>         at Function.process_params (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:335:12)
>         at next (C:\Users\Rade\Desktop\gComet-master\node_modules\express\lib\router\index.js:275:10)
>         at handleWebpackInternalMiddleware (C:\Users\Rade\Desktop\gComet-master\node_modules\react-dev-utils\evalSourceMapMiddleware.js:42:7)
>         at …

<div className="content">
 <div style={{ float: "left" }}> {pedido.nombre}</div> //name
 <div style={{ float: "right" }}> ${pedido.precio}</div> //price
</div>

它应该在左侧显示名称，在右侧显示价格，但它保留在另一侧

在那里