小编Hel*_*and的帖子

我收到此错误：

Module not found: ESM packages (remark) need to be imported. Use 'import' to reference the package instead. https://nextjs.org/docs/messages/import-esm-externals
  2 | import path from 'path'
  3 | //import matter from 'gray-matter'
> 4 | import remark from 'remark'
    |                           ^
  5 | import html from 'remark-html'

即使模块已正确导入。

当我将其更改为不存在的名称时，我得到：

./lib/posts.js:4:28
Module not found: Can't resolve 'remarke'
  2 | import path from 'path'
  3 | //import matter from 'gray-matter'
> 4 | import remark from 'remarke'
    |                            ^
  5 | import html …

我有一个类似于下面所示的列表.您对我如何将其转换为下面的EXPECTED OUTPUT部分的想法有什么想法吗？

list =['username1,username2', 'username3','username4,username5']

预期产量: -

list = ['username1','username2', 'username3','username4','username5']

谢谢

背景

从我所看到的情况来看，对HTML5进度条的支持仍然很少，并且使它在每个浏览器或操作系统中都显示为相同的方法通常很复杂。

http://www.hongkiat.com/blog/html5-progress-bar/展示了如何在CSS中创建多个伪类，这些类试图影响progress每个浏览器中元素的样式。

progress {
    /* style rules */
}
progress::-webkit-progress-bar {
    /* style rules */
}
progress::-webkit-progress-value {
    /* style rules */
}
progress::-moz-progress-bar {
    /* style rules */
}

鉴于样式将完全依赖于实验的兼容性规则，这似乎是一种非常肿的方法。

有关样式化HTML5进度元素的更多信息：https : //css-tricks.com/html5-progress-element/

题

有没有使用HTML，CSS和Javascript制作通用进度条的更简单的单步解决方案？