dev调试时无法进入下一步_webpack dev 调试时，控制台无法打印断点上下文

问题描述

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

VM204:1 Uncaught ReferenceError: GET is not defined

at eval (eval at (main.js?1c90:11), :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: ''

})

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

npm run dev

open: http://localhost:8080/

报错截图

webpack-debugger-reference-error