小编Cha*_*man的帖子

尽管光标位于行首,但 react-monaco-editor 文本仍会出现在编辑器的中间

我创建了一个简单的 React 应用程序来尝试使用react-monaco-editor. 这是我的代码。

import React, { Component } from 'react';
import MonacoEditor from 'react-monaco-editor';
import './App.css';

const code = `
import React from "react";

class App extends React.Component {
    render() {
        return (
            <span>I mean really come one</span>
        );
    }
}

export default App;
`;

class App extends Component {

  onChange = (value) => {
    console.log(value);
  }

  editorDidMount = (editor, monaco) => {
    console.log('editorDidMount', editor);
    editor.focus();
  }

  render() {
    const options = {
      selectOnLineNumbers: true
    };
    return …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

5
推荐指数
1
解决办法
445
查看次数

具有绝对路径的故事书

在我们的应用程序中,我们使用绝对路径进行导入。例如,如果我们有一个相对于src文件夹的路径,我们可以只写import module from "components/myComponent".

问题是这在故事书中不起作用。一些挖后,事实证明,你可以使用默认的WebPack的配置,并根据需要,如文档中看到扩展它在这里。我基于此的思考过程是简单地将我的src目录推送到模块数组上,如下所示,

module.exports = (baseConfig, env, defaultConfig) => {
    // Extend defaultConfig as you need.
    defaultConfig.resolve.modules.push("src");

    return defaultConfig;
};
Run Code Online (Sandbox Code Playgroud)

但是,在执行此操作后,我在尝试运行故事书时最终收到以下错误。

./node_modules/@storybook/addon-knobs/src/react/index.js 模块解析失败:意外令牌 (26:9) 您可能需要适当的加载程序来处理此文件类型。| const initialContent = getStory(context); | const props = { context, storyFn: getStory, channel, KnobStore, initialContent }; | 返回 ; | }; |

真的不知道从这里去哪里。

javascript reactjs webpack storybook

4
推荐指数
5
解决办法
7795
查看次数

尝试创建新应用程序时找不到stagehand命令

我只是在我的mac上安装了stagehand并且安装顺利完成,但是当我尝试使用它来生成一个新的dart应用程序时,我得到了这个错误-bash: stagehand: command not found.有任何想法吗?

dart

2
推荐指数
1
解决办法
1769
查看次数

aws-amplify with auth 是否已损坏?

我正在尝试构建一个 React 应用程序,它将使用 aws 托管的 ui 进行身份验证。我正在尝试使用 aws-amplify 来实现这一目标,但到目前为止我还没有这样的运气。

此处的文档说明 auth 配置应如下所示。

const oauth = {
  domain : 'your-domain-prefix.auth.us-east-1.amazoncognito.com', 
  scope : ['phone', 'email', 'profile', 'openid','aws.cognito.signin.user.admin'], 
  redirectSignIn : 'http://www.example.com/signin/', 
  redirectSignOut : 'http://www.example.com/signout/',
  responseType: 'code',
}
Run Code Online (Sandbox Code Playgroud)

但是当我使用这个配置设置时,我收到以下错误。

参数:App客户端ID、App Web域、登录时的重定向URL和注销时的重定向URL。

如您所见,这些参数已明确提供。因此,我单击了带有错误消息的控制台中链接的源映射文件,并看到了这一点。

if (data == null || !ClientId || !AppWebDomain || !RedirectUriSignIn || !RedirectUriSignOut) {
      throw new Error(this.getCognitoConstants().PARAMETERERROR);
    }
Run Code Online (Sandbox Code Playgroud)

这使得它看起来更像是配置应该看起来像这样。

const auth = {
  AppWebDomain: "aaaaa",
  TokenScopesArray: ["phone", "email", "profile", "openid", "aws.cognito.signin.user.admin"],
  RedirectUriSignIn: "http://localhost:3000",
  RedirectUriSignOut: "http://localhost:3000",
  responseType: "token",
  ClientId: "aaa",
  UserPoolId: "aaa",
}; …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs amazon-cognito aws-amplify

2
推荐指数
1
解决办法
4209
查看次数

Sequelize - 批量插入排除任何已存在的条目

我想知道是否有一种方法可以通过播种器批量插入数据以添加到数据库中,但要排除任何已存在的条目。

例如: 如果数据库中有名为 John 的用户,我运行一个播种器将用户添加到数据库中,并且播种器中有一个包含名称 John 的条目,它将跳过该条目,因为它已经存在

javascript sequelize.js

1
推荐指数
1
解决办法
4190
查看次数