Webstorm+vue+typescript怎样调试。
发布于 3 年前 作者 clubadmin 1567 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

源码下断点,会断在webpack://xxxxx 上。 不断在源码上。
vscode可以正常断在源码。(暂时不用它)
Chrome devtools , Ctrl+P 找得到同名文件但不是源码。

vue-cli-service serve 运行。

// vue.config.js
module.exports = {
configureWebpack: {
    devtool: 'source-map'
},
devServer: {
    proxy: 'http://127.0.0.1:8000/',
}
}

// ts.config.js
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}
回到顶部