小编Pie*_*ran的帖子

Storybook 不会从节点模块加载 CSS

我试图设置我的故事书来显示轮播组件。

我正在使用这个旋转木马以及样式组件。

我正在导入外部 CSS 文件,如下所示:

import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'
Run Code Online (Sandbox Code Playgroud)

这是我非常基本的 webpack 配置

// storybook/webpack.config.js

const path = require("path");
module.exports = {
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: ["css-loader", "sass-loader"],
        include: [
          path.resolve(__dirname, "../src"),
          path.resolve(__dirname, "../node_modules")
        ]
      }
    ]
  },
  resolve: {
    modules: [path.resolve(__dirname, "../src"), "node_modules"],
    extensions: [".js"]
  }
};
Run Code Online (Sandbox Code Playgroud)

这不起作用,我无法在我的轮播上获得任何样式。

我做错什么了吗 ?

webpack storybook

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

延迟反应 onMouseOver 事件

我有一个元素列表,当悬停其中一个时,我想改变我的状态。

<ListElement onMouseOver={() => this.setState({data})}>Data</ListElement>
Run Code Online (Sandbox Code Playgroud)

不幸的是,如果我将鼠标移到列表上,我的状态会快速连续更改几次。我想延迟状态更改,以便它在被解雇前等待半秒钟。有没有办法这样做?

javascript events mouseevent dom-events reactjs

6
推荐指数
3
解决办法
8954
查看次数

Puppeteer - 在截屏之前等待生成的页面完全加载

我正在使用 puppeteer 将一些 HTML 转换为 PNG 使用screenshot

首先,我获取一些 SVG,然后创建一个页面,并将 SVG 设置为页面内容。


fetch(url)
  .then(data => data.text())
  .then((svgText) => {
    // res.set('Content-Type', 'text/html');
    const $ = cheerio.load(svgText)
    return $.html()
  })
  .then(async (html) => {
    const browser = await puppeteer.launch()
    const page = await browser.newPage()
    await page.setContent(html)

    const file = await page.screenshot()
    res.set('Content-Type', 'image/png');
    await browser.close()
    res.send(file)
  })
  .catch((err) => {
    console.log(err);
    logger.log({
      level: 'error', message: 'GET /product', err
    })
  })
})
Run Code Online (Sandbox Code Playgroud)

问题是,我的 SVG 中的文本包含特定字体。该字体是使用 @import CSS 标签加载的。如果我将方法设置为返回 HTML,则会加载字体,然后在稍加延迟后,它们就会应用到我的文本中。不幸的是,当使用screenshot方法时,我的文本不再有样式。我想这是因为屏幕截图是在加载和应用字体之前拍摄的,因此使用后备字体渲染文本。 …

google-font-api puppeteer

6
推荐指数
0
解决办法
2186
查看次数

Lighthouse 读取我的索引而不是 robots.txt

我想在我的 React 应用程序上使用 chrome 审核工具,但它一直说我的 robots.txt 文件无效。问题是,该文件似乎非常好,只是它不读取 robots.txt,而是读取我的 index.html 文件,因此导致此错误:

在此处输入图片说明

这两个文件都在我的 /public 文件夹中,为什么它会读取索引文件?

robots.txt reactjs

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

Sylius上的intl扩展

我正在尝试使用Sylius创建一个电子商务项目.不幸的是,我一开始就陷入困境:一旦我得到Sylius-Standard folder它,我进入它,我试图运行app/console sylius:install,但我得到这个错误:

[ReflectionException]
 Extension intl does not exist 
Run Code Online (Sandbox Code Playgroud)

问题是,我得到了这个扩展!(或者至少我是这么认为的,因为里面有一个intl文件夹

/ [my_project_directory] ​​/ symfony的/供应商/ symfony的/ symfony的/ SRC/Symfony的/组件/国际

以前有人遇到过这个问题吗?

php symfony sylius

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

将字符串转换为CLLocationCoordinate

是否可以将字符串转换为经度/纬度值?我设法将坐标转换为字符串,但我找不到恢复过程的方法

xcode ios swift

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

获取集合中的最后一个元素

我正在尝试获取集合中最后一个元素的属性。我试过了

end($collection)->getProperty()
Run Code Online (Sandbox Code Playgroud)

$collection->last()->getProperty()
Run Code Online (Sandbox Code Playgroud)

没有办法

(告诉我我正尝试getProperty()在布尔值上使用)。

/**
 * Get legs
 *
 * @return \Doctrine\Common\Collections\Collection
 */
public function getLegs()
{
    return $this->aLegs;
}

public function getLastlegdate()
{
    $legs = $this->aLegs;

    return $legs->last()->getStartDate();
}
Run Code Online (Sandbox Code Playgroud)

知道为什么吗?

php collections doctrine symfony doctrine-collection

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

Lodash - 按数组中的位置排序

我有一个对象数组

let myArray = [
    {
        id: 'first',
        name: 'john',
    },
    {
        id: 'second',
        name: 'Emmy',
    },
    {
        id: 'third',
        name: 'Lazarus',
    }
]
Run Code Online (Sandbox Code Playgroud)

和一个数组

let sorter = ['second', 'third', 'first']
Run Code Online (Sandbox Code Playgroud)

我想使用lodash排序方法根据对象在 中的位置对对象进行排序sorter。这样输出就是

let mySortedArray = [
    {
        id: 'second',
        name: 'Emmy',
    },
    {
        id: 'third',
        name: 'Lazarus',
    },
    {
        id: 'first',
        name: 'john',
    }
]
Run Code Online (Sandbox Code Playgroud)

可以这样做吗?

javascript lodash

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