vue.js - Cannot find module .vue

问题描述

问 题

参照vuex的counter demo。代码敲完了，但是运行一直是 Cannot find module App.vue

components和vuex目录下的代码和vuex文档里的代码一样 http://vuex.vuejs.org/zh-cn/t...

App.vue里的代码

<template>
    <div>
        <Display></Display>
        <Increment></Increment>
    </div>
</template>
<style>
</style>
<script>
    import Display from './components/Display.vue'
    import Increment from './components/Increment.vue'
    import store from './vuex/store'

    export default {
        components: {
            Display,
            Increment
        },
        store
    }
</script>

webpack.config.js内容：

module.exports = {
  entry: './main.js',
  output: {
    path: process.cwd(),
    filename: 'build.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/
      },
      {
        test: /\.vue$/,
        loader: 'vue'
      }
    ]
  },
  devtool: '#source-map'
}

新手，实在是找不到办法，才来提问的，感谢大神指条明路

解决方案

错误提示Cannot find module App.vue应该是webpack没有把App.vue作为模块的解析的原因。缺少vue-loader

但是。。。。你确定安装过依赖包了没？看你的工程里没有node_modules目录的。

如果没有

npm install先

这篇关于vue.js - Cannot find module .vue的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！