This repository was archived by the owner on Jan 18, 2022. It is now read-only.
This repository was archived by the owner on Jan 18, 2022. It is now read-only.
cannot mark breakpoints in chrome within the bundled script #248
Open
Description
app.vue
<template>
<div class="title">
<a @click="click">{{ title }}</a>
</div>
</template>
<script>
export default {
data () {
// can't put breakpoint below
return {
title: 'hello human !'
}
},
methods: {
click () {
console.info(this.title, 'clicked') // can't put breakpoint here
}
}
}
</script>
index.js
import App from './app.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App)
}).$mount('#app')
index.html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Example</title>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="lib\vue\vue.runtime.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>
rollup.config.js
export default {
input: 'src/index.js',
output: {
file: 'dist/app.js',
format: 'iife',
sourcemap: true
},
plugins:[
vue()
]
}
packages version
rollup: 0.67.4
rollup-plugin-vue: 4.3.2
vue-template-compiler: 2.5.19
vue: 2.5.19