webpack dev 調(diào)試時(shí)，控制臺(tái)無法打印斷點(diǎn)上下文

問題描述

webpack 項(xiàng)目，在dev斷點(diǎn)調(diào)試時(shí)，import 的內(nèi)容無法在控制臺(tái)打?。?/p>

VM204:1 Uncaught ReferenceError: GET is not defined
    at eval (eval at <anonymous> (main.js?1c90:11), <anonymous>:1:1)
    at eval (main.js?1c90:9)
    at Object../src/main.js (app.js:1053)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at Object.0 (app.js:1070)
    at __webpack_require__ (app.js:679)
    at app.js:725
    at app.js:728

重現(xiàn)流程：

初始化項(xiàng)目

vue init webpack myproject
cd myproject
yarn 

創(chuàng)建 utils.js，導(dǎo)出GET函數(shù)

export const GET = m => console.log(m)

main.js 導(dǎo)入 utils.js 并使用 GET 函數(shù)

import Vue from 'vue'
import App from './App'
import { GET } from './utils'

Vue.config.productionTip = false
//----------------//
debugger
GET(1)
//----------------//
/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

執(zhí)行啟動(dòng)項(xiàng)目，進(jìn)入瀏覽器調(diào)試

npm run dev
open: http://localhost:8080/

報(bào)錯(cuò)截圖

webpack-debugger-reference-error