如何使用外部 npm 模块返回的 promise答案

【问题标题】：how to use promise returned by external npm module如何使用外部 npm 模块返回的 promise
【发布时间】：2021-10-08 14:14:47
【问题描述】：

import sharp from 'sharp';
import path from 'path';

const sharp1 = async (filename: string) => {
  return 
    sharp(path.join(__dirname, '../images', filename)).toFile(
    path.join(__dirname, '../src/cache', filename))
    
  
};

export default sharp1;

我在这里使用sharp npm模块来编辑文件。我正在尝试使用returned但值未定义的promise。我没有正确返回promise。

sharp1(b).then(result => {
   console.log(result);

【问题讨论】：

什么？请解释一下
由javascript动态创建的元素没有使用样式标签中已经定义的背景颜色。有没有办法使用样式标签中已经定义的背景颜色为动态创建的元素。

标签： typescript promise

【解决方案1】：

看起来你已经差不多了，但是你已经格式化了你的 CSS 以使用 elements id 和你的 JavaScript 作为一个类。

您可以将您的 CSS 更正为 a class；

.para1{
    background-color:orange;
}

或者你的 JavaScript 到 change the id;

para.id = "para1";

【讨论】：

【解决方案2】：

您可以使用para.style = "color: red"; 来定义内联CSS。

或者你可以将你的 CSS 添加到 <style> 标签中：

document.querySelector('style').innerHTML += `
#para1 {
    padding: 20px;
}`;

示例：

var para = document.createElement("div");
para.innerHTML = 'Hello';
para.setAttribute("id", "para1");
para.style = "color: red";
var element = document.getElementById("one");
document.querySelector('style').innerHTML += `
#para1 {
  padding: 20px;
  background-color: orange;
}`;
console.log(document.querySelector('style'));
element.appendChild(para);

<style>
  body {
    background-color: skyblue;
  }

</style>
<div id="one"></div>

【讨论】：

我想在样式标签中定义填充并使用它而不在javascript中动态创建它。创建节点后是否可以加载样式标签。
@Devanshu 你已经在你的代码宽度中做到了setAttribute。
我认为 css 代码在 javascript 之前运行，由于已经定义的样式无法正常工作，所以有没有办法在创建 node@Reza Saadati 后重新加载 css 的样式
@Devanshu 只需在页眉中使用 CSS（<style> 或 <link>），在页脚中使用 <script> 标签。然后你的 CSS 将在 JavaScript 之前加载，它应该可以工作。
但是如果 css 在 javascript 之前加载它找不到由 javascript 创建的动态元素，因为 javascript 在 css 之后加载并且当 css 文件运行时动态元素没有得到样式。我可以运行 css在 javascript 之后，它也可以为动态创建的元素设置样式。HOW to ??@Reza Saadati

【解决方案3】：

  This website is very useful 
[tabnine][1]

 image.toBuffer(function(err, img) {
            if ( err ) {
              data.code = 'error-processing-image';
              data.reason = err;
              return reject( data );
            }
    
            data.code = 'processed-image';
            data.obj.Body = img;
            if ( typeof img === 'Buffer' ) {
              data.obj.ContentLength = Buffer.byteLength( img );
            }
            return resolve( data );
          });

【讨论】：