小编Sam*_*Sam的帖子

当我在 VSCode 控制台中运行任何内容时，它会显示

Debugger listening on ws://127.0.0.1:51890/cf1cb459-52b1-447f-8f78-aa5e8ff4caef\nFor help, see: https://nodejs.org/en/docs/inspector\nDebugger attached.\nWaiting for the debugger to disconnect...\n

它可能会变得非常烦人和分散注意力，例如当在我的项目npm run build的根文件夹中运行时，我得到

Debugger listening on ws://127.0.0.1:51890/cf1cb459-52b1-447f-8f78-aa5e8ff4caef\nFor help, see: https://nodejs.org/en/docs/inspector\nDebugger attached.\nWaiting for the debugger to disconnect...\n

\n

问题选项卡显示工作区中未检测到任何问题

但我的调试控制台显示没有可用的调试器，无法发送“变量”

我可以看到一堆进程在我的“运行和调试”选项卡中启动，但我真的不知道该如何处理它们

启动.json

{\n    "version": "0.2.0",\n    "configurations": [\n        {\n          "type": "pwa-node",\n          "request": "launch",\n          "name": "Launch Program",\n          "program": "${workspaceRoot}/examples/js/cli.js",\n          "console": "integratedTerminal",\n          "outputCapture": "std"\n        }\n    ]\n …

我用相同的代码发布了另一个问题,但这个问题有所不同.

我想在显示的语音气泡的右下角添加按钮

Hello World! 
Welcome to my marker!

我想知道如何将按钮放在那里,但是如果你想知道按钮会做什么,其中一个会跟踪其他用户泡泡获得多少赞成,另一个会向另一个用户发送请求.

此外,我发现这个示例看起来像是实现了一个可能更好使用的不同版本的语音气泡(弹出窗口)

import Mapbox

class ViewController: UIViewController, MGLMapViewDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()

        let mapView = MGLMapView(frame: view.bounds)
        mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

        // Set the map’s center coordinate and zoom level.
        mapView.setCenter(CLLocationCoordinate2D(latitude: 40.7326808, longitude: -73.9843407), zoomLevel: 12, animated: false)
        view.addSubview(mapView)

        // Set the delegate property of our map view to `self` after instantiating it.
        mapView.delegate = self

        // Declare the marker `hello` and set its coordinates, title, and subtitle. …

例如，如果我同时创建列表，我可以获得每个元组的第一个元素

[element(2,X) || X <- [{1,2},{3,4}]].
[2,4]

这可以正常工作。我希望能够在尝试对其进行任何操作之前创建该列表

例如：创建列表

X = [{1,2,3},{3,4,5}]. 
[{1,2,3},{3,4,5}]

然后获取每个元组的第一个元素

element(1,X).

但我得到了错误

** exception error: bad argument
     in function  element/2
        called as element(1,[{1,2,3},{3,4,5}])

我希望这段代码给出与我的第一个例子相同的结果

我试图让这个不是我的浏览器中显示“ https://mydomainname.com/index.html ”我的浏览器将只显示“ https://mydomainname.com/index ”。我的网站是4个网页，使用React和Webpack编写，将所有内容捆绑在一起，这样我就有4个.html文件（索引，联系人...）和4个.js文件具有相同的前缀（索引，联系人，...）。 ）

我没有使用反应路由器。我真的不知道这是什么，但是很多其他答案都提到了它。当我使用react时，这是唯一的方法吗？

此答案仅提及针对非浏览器环境的react router，而未针对浏览器环境给出答案。

我见过的另一种解决方案使用

link.split('.html')[0];
window.history.replaceState( null, null, link );

但是对我来说，访问“ mydomainname.com/About.html”之类的任何链接时都会收到以下信息

Cannot GET /About

使用.htaccess的解决方案无效。也许是因为我在本地主机上运行它？我也听说不推荐将它用于React。

这是我的.htacess

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)\.html$ /$1 [L,R=301] 

我正在创建位于不同超级视图中的 UIView，但我想将框架设置为彼此相等。

这是我到目前为止所尝试过的

let globalPoint = self.view.convert(subViewOfOuterView.frame.origin, to: nil)
let frame = CGRect(x: globalPoint.x, y: globalPoint.y, width: self.subViewOfOuterView.frame.width, height: self.subViewOfOuterView.frame.height)
subViewOfInnerUIView.frame = frame

但我的观点最终看起来像这样

Github 上的最小可重现示例

我正在尝试将一些图像注入我从 Markdown 创建的页面中。我正在尝试使用 ReactDomServer.renderToString()

const componentCreatedFromMarkdown = ({data}) => {
...    
    useEffect(() => {
        const injectDivs = Array.from(document.getElementsByClassName('injectDivs'))
        injectDivs.forEach((aDiv) => {
            aDiv.innerHTML = ReactDOMServer.renderToString(<Img fluid={data.allFile.edges[0].node.childImageSharp.fluid} />)
        }
    })
...
}

img 显示为一个黑框，如果我右键单击该图像，我可以在新选项卡中打开它，该选项卡会显示应有的图像。

我不知道为什么我的 LCP 会是 ap 标签，我也不知道我会做什么来减少它的大小。有时它会达到 2.6 秒并给出黄色评级（而不是绿色）。

这是 p 标签。所有这些类都是引导类。

<p className="text-center mb-md-5 mt-0 mb-5">{aboutText}</p>

这是变量aboutText

const aboutText = `Suddenly  Magazine highlights the uniqueness of Saskatchewan,  and its sudden rise in popularity and growth mentioned in publications such as USA Today and the New York Times.

Advertorials and Articles focus on its rare & particular tourism, its passionate sports, its character, and the prosperous opportunity for businesses and artists influenced by a Saskatchewan setting.

It is centred in Saskatoon, …

在进行导入时，当我尝试导入 React.jsx组件时，智能感知会建议自动完成名称。但是，当我尝试导入json或scss文件时，不会有任何建议。

我在我的目录中设置了一组别名webpack.config.js

  resolve: {
    extensions: ['.css', '.js', '.jsx'],
    alias: {
      'src': path.resolve(__dirname + '/src'),
      'data': path.resolve(__dirname + '/src/data'),
      'assets': path.resolve(__dirname + '/src/assets'),
      'images': path.resolve(__dirname + '/src/assets/images'),
      'styles': path.resolve(__dirname + '/src/assets/styles'),
      'components': path.resolve(__dirname + '/src/components'),
      'types': path.resolve(__dirname + '/src/types'),
      'functions': path.resolve(__dirname + '/src/functions'),
      'pages': path.resolve(__dirname + '/src/pages')
    }
  },

因为我希望智能感知自动完成这些路径，所以我创建了一个 jsconfig.json

    {
        "compilerOptions": {
          "jsx": "react",
          "allowSyntheticDefaultImports": true,
          "target": "es6",
          "baseUrl": "./",
          "paths": {
            "src": ["./src"],
            "src/*": ["./src/*"],
            "data": ["./src/data"],
            "data/*": ["./src/data/*"],
            "assets": …

这是一个codeandbox，我希望其中的图像由sharp模块处理。我希望它这样做是因为我希望这个模块对我的 React 项目中的所有图像进行网络优化，并将它们转换为 webm。

这是我尝试使用 ImageSharp的相同代码和框

使用command -v c-blosc即使已安装，

c-blosc 将自己描述为一个压缩库，因此它不是一个命令

我尝试过的一些事情

% c-blosc\nzsh: command not found: c-blosc\nwhere c-blosc\nc-blosc not found\nbrew install c-blosc\n...\nWarning: c-blosc 1.21.0 is already installed and up-to-date.\nTo reinstall 1.21.0, run:\n  brew reinstall c-blosc\n\n% brew info c-blosc\nc-blosc: stable 1.21.0 (bottled)\nBlocking, shuffling and loss-less compression library\nhttps://blosc.org/\n/usr/local/Cellar/c-blosc/1.21.0 (10 files, 1.7MB) *\n  Poured from bottle on 2021-07-07 at 23:44:40\nFrom: https://github.com/Homebrew/homebrew-core/blob/HEAD/Formula/c-blosc.rb\nLicense: BSD-3-Clause\n==> Dependencies\nBuild: cmake \xe2\x9c\x98\n==> Analytics\ninstall: 312 (30 days), 1,190 (90 days), 3,168 (365 days)\ninstall-on-request: 249 (30 days), 998 (90 …