小编tag*_*eit的帖子

使用 Typescript 调试 VS Code 显示转译的变量名称而不是真实名称

我正在努力寻找正确的配置,以便 VS Code 能够向我显示用于调试的真实变量名称。

VS 代码截图

在附图中,我应该能够看到conn(例如)变量,但调试器显示的是转译版本exports.conn

//tsconfig.json
{
    "compilerOptions": {
        "baseUrl": ".",
        "target":"es6",
        "module":"commonjs",
        "noImplicitAny": false,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true,
        "outDir": "dist",
        "moduleResolution": "node",
        "allowJs": false,
        "allowSyntheticDefaultImports": false,
        "esModuleInterop": false,
        "jsx": "react"
    },
    "include": [
        "web/**/*",
        "logger/**/*",
        "controller/**/*",
        "config/**/*",
        "**/*.ts"

    ]
}
Run Code Online (Sandbox Code Playgroud)
// VS Code launch.json
      ...
               {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/app.ts",
            "console": "integratedTerminal",
            "outFiles": ["${workspaceFolder}/dist/**/*"]
        }
Run Code Online (Sandbox Code Playgroud)

更新:我不相信这是 VS Code 问题。如果我从终端运行应用程序并node dist/app获取堆栈跟踪,它不会指向原始 TS 文件,而是指向已编译的 JS 文件。

SyntaxError: Unexpected …
Run Code Online (Sandbox Code Playgroud)

javascript node.js typescript visual-studio-code

9
推荐指数
0
解决办法
1783
查看次数

使用Link模块的Next.js页面无法通过CSS导入加载文件

我正在将next.js(7.0.2)添加到现有项目中,无法弄清为什么Link模块不加载具有的页面import 'style.css'

我遵循了@ zeit / next-css指令以及Next.js / Express集成。

我安装了以下软件包

  • 下一个7.0.2
  • @ zeit / next-css
  • css-loader@1.0.1
  • 快报(v4)

next.config.js

    // ./next.config.js file
    const withCSS = require('@zeit/next-css')
    module.exports = withCSS() 
Run Code Online (Sandbox Code Playgroud)

index.js

    // ./pages/index.js file
    import Link from 'next/link'
    const Index = () => (
      <div>
        <p>Hello Next.js</p>
        <p>
          <Link href="/test"><a>test</a></Link>
        </p>
      </div>
    )

    export default Index
Run Code Online (Sandbox Code Playgroud)

test.js

    // ./pages/test.js file
    import "../style.css"
    export default () => <div className="example">Hello World!</div>
Run Code Online (Sandbox Code Playgroud)

style.css

    // ./style.css file
      .example {
        font-size: 50px; …
Run Code Online (Sandbox Code Playgroud)

reactjs css-loader next.js

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

从对象中删除所有符号的最有效方法是什么?

假设我有一个对象,我想在其中保留仅限内部的密钥/符号对。鉴于...

let obj = {
    [Symbol.for('foo')]: 'internal-only member',
    a: 1,
    b: 2,
    c: 3
}
Run Code Online (Sandbox Code Playgroud)

当我通过 API 将这些返回给客户端时,我想从对象中删除所有符号,因为客户端对它们没有任何用途。

我想要一个将返回的通用函数:

{
    a: 1,
    b: 2,
    c: 3
}
Run Code Online (Sandbox Code Playgroud)

换句话说:

returnScrubbedObj = (obj) => {
    // filter/map/remove/copy etc the original object to a new object without symbols 
    return objWithoutSymbols
}
Run Code Online (Sandbox Code Playgroud)

我知道可能有很多不同的方法可以做到这一点;只是寻找最好/最有效的一个。

javascript object ecmascript-6

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