webpack更改源文件后,js报错

Question

1.第一次起服务时,打包后的js不会报错

2.修改源文件后,webapck打包虽然没有报错,但是JS报错了

总共就三个组件,
app.vue包含title.vue,
title.vue包含zheng.vue

下面是app.vue

<template>
    <section class="main">
        <oTitle msg="title组件"></oTitle>
    </section>
</template>

<script>
import oTitle from '../components/title'

export default {
    el:"#app",
    components: {
        oTitle,
    }
}
</script>

下面是title.vue

<template>
    <div class="title">
        <i>{{ msg }}</i><br><br>
         <oDot wid="zheng组件"></oDot> 
    </div>
</template>

<script>
import oDot from './zheng.vue'
export default {
    props:['msg'],
    components: {
        oDot
    }
}
</script>

下面是zheng.vue

<template>
    <i class="vg">{{ wid }}</i>
</template>

<script>
export default {
    props:['wid'],
}
</script>

<style>
.vg{
    background-color: #ffbb19;
}
</style>

之后我运行在在别的项目底下
报错 webpack_require ... is not a function

Answer 1

因为换工作目录报错 webpack_require ... is not a function,找到http://blog.csdn.net/huang100...
重装了vue-loader vue-html-loader vue-style-loader css-loader
玄学般的成功了

Answer 2

你APP.vue里面引入oTitle的时候,title少了'.vue'后缀,看看是不是这个原因

Answer 3

能描述的再详细一点吗