小编Pos*_*Guy的帖子

这段代码运行良好。

我不知道是因为我升级到 Node 17 还是什么原因，但现在我明白了

TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]:
  Module "file:///Users/xxxxx/code/projects/xxxxx/dist/server/data/countries.json" 
  needs an import assertion of type "json"

在我的api.ts我有：

import countryTable from './data/countries.json';

这是我开始api.ts使用的方法server.ts：

NODE_ENV=production node --optimize_for_size --trace-warnings --experimental-json-modules --no-warnings server/server.js

我看到人们使用gulp和webpack.但后来我读到webpack可以取代gulp？我在这里完全糊涂了......有人可以解释一下吗？

UPDATE

最后我开始喝了一口气.我是现代前端的新手,只是想快速起步和跑步.现在,经过一年多的时间,我的脚已经湿透了,我已准备好转向webpack了.对于那些以同样的鞋子开始的人,我建议采用相同的方法.不是说你不能尝试webpack而只是说如果它看起来很复杂,那么先从gulp开始......没有错.

如果你不想要gulp,是的,那就是grunt,但是你也可以在package.json中指定命令,并从命令行调用它们而不需要任务运行器来启动和运行.例如:

"scripts": {
      "babel": "babel src -d build",
      "browserify": "browserify build/client/app.js -o dist/client/scripts/app.bundle.js",
      "build": "npm run clean && npm run babel && npm run prepare && npm run browserify",
      "clean": "rm -rf build && rm -rf dist",
      "copy:server": "cp build/server.js dist/server.js",
      "copy:index": "cp src/client/index.html dist/client/index.html",
      "copy": "npm run copy:server && npm run copy:index",
      "prepare": "mkdir -p dist/client/scripts/ && npm run copy",
      "start": "node dist/server"
    },

我究竟做错了什么？到目前为止,我的Slack应用程序中没有示例Markdown链接.

我在Slack应用程序的聊天中粘贴了以下示例.我从slack markdown语法中得到了这个例子,它仍然将它视为Slack App中的文字文本:

[like this](http://someurl)

所以我最终看到了而不仅仅是"喜欢这个"作为Slack聊天中的链接.

或者上面的错误,在这种情况下,我的问题是你如何在Slack中明确创建链接？我想要一些我指定的文本可以点击特定的URL(超链接).

我从OS X VM Docker主机创建了一个docker容器.我使用run命令创建了它,并基于ubuntu:xenialdocker hub 的映像创建了容器.

我现在连接到我的容器后,它以root身份登录并在我的容器内的命令提示符下登录.

我试图安装自制软件,出于某种原因,我无法运行安装Homebrew的命令:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

当我跑步时,我得到了一个bash:

curl:找不到命令

不知道为什么我不能在我的容器内使用curl.

要么我不明白,dependencies对devDependencies在节点还没有100%或eslint只是错在这里(不能够正确地分析这个的):

   3:1   error  'chai' should be listed in the project's dependencies, not devDependencies              import/no-extraneous-dependencies
   4:1   error  'chai-enzyme' should be listed in the project's dependencies, not devDependencies       import/no-extraneous-dependencies
   5:1   error  'enzyme' should be listed in the project's dependencies, not devDependencies            import/no-extraneous-dependencies
   7:1   error  'sinon' should be listed in the project's dependencies, not devDependencies             import/no-extraneous-dependencies
   9:1   error  'redux-mock-store' should be listed in the project's dependencies, not devDependencies  import/no-extraneous-dependencies

这些是测试依赖项,为什么说它们应该被列入dependencies？

附加说明:我们使用Travis作为我们的CI,所以我不知道它是否会对此产生影响.

让我们说:

var someValues = [1, 'abc', 3, 'sss'];

如何使用箭头函数循环遍历每个值并对每个值执行操作？

人们从哪里获得cb(),这是一个Node事物还是vanilla事物？

例如:

使用Promises,Generators和其他方法管理Node.js回调地狱

他们使用cb()来猜测回调并在某些情况下返回错误或值或两者,具体取决于回调函数sig是什么？

我找不到一个很好的最基本的例子,我可以连接一个express.js路由来调用反应视图.

到目前为止,这就是我所拥有的.

+-- app.js
+-- config
|   +-- server.js
+-- routes
|   +-- index.js
+-- views
|   +-- index.html

app.js

require('./config/server.js');
require('./routes/index.js');

配置| server.js

"use strict";
var express = require('express'),
app = express(),

routes = require('./routes');

app.set('view engine', 'html');
app.engine('html', ); // how do I tell express that JSX is my template view engine?

var port = process.env.PORT || 3000;

app.engine('handlebars', exphbs({ defaultLayout: 'main'}));
app.set('view engine', 'handlebars');


var server = app.listen(port, function(){
    console.log('Accepting connections on port ' + port + …

我不知道我需要做什么来解决这个 TS 错误：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

declare const Ink: any;

export default class TableOfContents extends Component <{ id: string }, { rendered: boolean }> {
    constructor() {
        super();
        this.state = { rendered: false };
    }

更新：

我觉得放在这里不太好，应该放什么？

如您所知,React组件并行渲染.无法保证他们完成渲染.

我想按照这个确切的顺序呈现以下组件:

1. InterviewContentMain(因为它将呈现标题

   .我需要首先渲染此标题,以便在渲染后我可以在其他两个组件中对其进行操作.我将在其他两个组件的componentDidMount上运行一些JS,等等,这就是为什么我希望首先渲染它的原因)

2. InterviewContainer(应该只在InterviewContentMain渲染后呈现)
3. TableOfContents(应该只在InterviewContainer和InterviewContentMain渲染后呈现)

这是一个更多的上下文https://youtu.be/OrEq5X9O4bw

我尝试了一些东西,你可以看到生命周期方法,这可能是完全错误的,甚至不确定它是人们甚至在这种情况下做了什么,但到目前为止没有运气.

const Main = Component({
    getInitialState() {
        console.log("getInitialState being called");
        return null;
    },
    renderMe() {
        console.log("changed InterviewContent's state");
        this.setState({renderInk: true});
    },
    componentDidMount() {
        console.log("InterviewContentMain mounted");
    },
    render(){
        var company = this.props.company;

        return (
            <div id="ft-interview-content">
                <p className="section-heading bold font-22" id="interview-heading">Interview</p>
                <InterviewContent renderMe={this.renderMe} company={company}/>
            </div>
        )
    }
})

export default InterviewContentMain;


const InterviewContent = Component({
    componentDidMount() {
        console.log("InterviewContent mounted");
    },
    renderMe() {
        console.log("changed InterviewContent's state");
        this.setState({subParentRendered: true});
    },
    render(){
        var …