小编Roh*_*acu的帖子

你好吗？

我有一个使用React 17和babel-loader 的项目，我正在尝试将其更改为esbuild-loader。为此，我安装了"esbuild-loader": "2.19.0"并将我的 webpack 加载器配置更改为：

{
  test: /\.js$/,
  loader: 'esbuild-loader',
  options: {
    loader: 'jsx', // Remove this if you're not using JSX
    target: 'es2015' // Syntax to compile to (see options below for possible values)
  }
}

但是，当我尝试构建我的应用程序时，它现在抛出以下错误：

./node_modules/react-select/node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js 107:25-52 中的警告未找到导出“useInsertionEffect”（导入为“React”） 'react'（可能的导出：Children、Component、Fragment、Profiler、PureComponent、StrictMode、Suspense、__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED、cloneElement、createContext、createElement、createFactory、createRef、forwardRef、isValidElement、lazy、memo、useCallback、useContext、useDebugValue、useEffect、useImperativeHandle 、useLayoutEffect、useMemo、useReducer、useRef、useState、版本）

根据我的研究，这似乎是最新版本的@emotion/react解决的问题，但是，我尝试安装@emotion/react@11.10.0并且问题仍然存在。

有人经历过这个吗？如果是这样，你是如何解决的？

提前致谢！

我有一个带有标签和输入的表单组

<div class="col-md-12 form-group">
     <label class="col-sm-2 col-form-label"  for="name">Name</label>
     <input type="text" class="form-control" name="name" id="name" [(ngModel)]="person.name" disabled/>
</div>

但是标签显示在输入字段上方,我需要它在它的侧面.我安装了bootstrap 4.0.

我尝试过class ="col-sm-2 col-form-label"并且也不起作用.

有什么建议？

我在互联网上最深处搜索谷歌表格基于上面的单元格值的相对条件格式，这意味着，每当我在下面的单元格中添加新值时，它都会自动检查上面的单元格值并格式化单元格根据它。

我终于找到了下面解释的解决方案。

结果将是这样的：

我希望它对你有用，疲惫的旅行者。

我有这段代码：

人员列表组件.html

<tr *ngFor="let person of personService.getPersons()">
      <td (onShow)="getCountry(person)">{{person.name}}</td>
      <td>{{country}}
</tr

personListComponent.ts

<tr *ngFor="let person of personService.getPersons()">
      <td (onShow)="getCountry(person)">{{person.name}}</td>
      <td>{{country}}
</tr

我想从这个人那里得到国家并将它显示在表格中，但是(onShow)从不调用getCountry()函数。有没有办法从<td>元素内部调用这个函数？或者有什么方法可以显示国家？

我已经安装了Jhipster 4.9.0，并且当我运行“ jhipster”命令来生成我的应用程序时，我只有Cucumber和Gatling作为测试选项。

我想知道如何使用量角器测试生成我的应用。

非常感谢！

我正在尝试获取选择的选定文本，并比较期望中的值。我有以下代码：

expect<any>(select_seller.getText()).toEqual('SELLER 1')

但是我得到的结果是整个卖家列表的文本，如下：

Expected ' SELLER 2
SELLER 1
SELLER 3
SELLER 4
 ' to equal 'SELLER 1'.

我试过的：

• select_seller.getAttribute('text')，结果是undefined。

• select_seller.getAttribute('value')，结果是： Expected '1: Object' to equal 'SELLER 1'.

编辑：

选择的html代码是：

<select id="field_seller" [(ngModel)]="o.seller">
  <option [ngValue]="sellerOption" *ngFor="let sellerOption of sellers">
      {{sellerOption.name}}
  </option>
</select>

任何人都有这个想法？非常感谢！！

我正在尝试运行一组非常简单的量角器测试，但是，当我运行“yarn e2e”命令时，出现以下错误：

import { browser } from "protractor";
   ^

SyntaxError: Unexpected token {

protractor-config.ts 中出现错误的代码是：

import { browser } from "protractor";

exports.config = {
  allScriptsTimeout: 20000,

  specs: ['./spec/spec.ts'],

  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 720000
  },

  capabilities: {
    'browserName': 'chrome',
  },

  directConnect: true,

  framework: 'jasmine',

  SELENIUM_PROMISE_MANAGER: false,

  onPrepare: function () {
    browser.driver.manage().window().setSize(1280, 1024);
  }
}

我试过的：

• 改变

从“量角器”导入{浏览器}；

到

const browser = require('量角器');

• 在我的 tsconfig.json 中将 "target": "es5" 更改为 es6

但是这些选项都没有任何区别！

任何人都知道这可能是什么？非常感谢。

我正在尝试解析使用 moment.js 创建的日期，并使用从此类 API 响应获取的时区：

{
  "id": "MX",
  "name": "Mexico",
  "time_zone": "GMT-06:00"
}

我在 React 中创建了一个 moment 对象，但我需要将其时区更改为 API 获取的时区，在本例中为“GMT-06:00”。

为此我有这个功能：

setDateTimezone(date) {
    let timezone = this.state.siteData.time_zone;
    return moment(date).tz(timezone).format();
  }

它接收一个 moment 对象并用 tz 更改它的时区。

但是，这会返回以下错误：

Moment Timezone 没有 GMT-06:00 的数据。

我需要以某种方式将 API 时区格式解析为 Moment 接受的格式，并使用这个新时区创建一个新的 moment 对象。

非常感谢您抽出宝贵的时间，祝您有愉快的一天。