webpack dev 调试时，控制台无法打印断点上下文

Question

问题描述

webpack 项目，在dev断点调试时，import 的内容无法在控制台打印？

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

重现流程：

初始化项目

vue init webpack myproject
cd myproject
yarn 

创建 utils.js，导出GET函数

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

main.js 导入 utils.js 并使用 GET 函数

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/>'
})

执行启动项目，进入浏览器调试

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

报错截图

webpack-debugger-reference-error

Answer 1

不会没人遇到过这个问题吧？？？
临时解决方案：

用 const + require 的写法 替换 import + from 的语法

Answer 2

这是不是webpack的bug啊.... 一直被这个困扰