小编sug*_*ama的帖子

我仍在练习使用webpack2与vue js和babel,但碰到了这个错误.我不知道究竟缺少了什么.

ERROR in ./src/main.js 
Module not found: Error: Can't resolve './app/index.vue' in 'E:\xampp\htdocs\webpack-practice\src'
@ ./src/main.js 3:0-43

似乎错误来自我尝试在这里导入vue组件的行

//file src\main.js
import Vue from 'vue'

import AppComponent from './app/index.vue'

const vm = new Vue({
el: '#app',
components: {
    app: AppComponent,
},
render: h => h('app'),
})

这是我的配置文件

//file webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: './src/main',
output: {
    path: './build',
    filename: 'main.js',
},
module: {
    rules: [
    {
        test: /\.vue$/,
        use: { 
            loader: 'vue'               
        }
    },
    {
        test: /\.js$/, …

就像标题我需要动态地向父组件的方法发出事件一样，我有一个像这样结构的组件

<TableComponent 
  :actionmenus="actionmenus"
  @edit="parenteditmethod"
  @delete="parentdeletemethod">
</TableComponent>

这是操作菜单对象

actionmenus: [
  {title: 'Edit', emitevent: 'edit'},
  {title: 'Delete', emitevent: 'delete'}
]

然后这是我的表格组件的片段

...
<ul>
  <li v-for="menu in actionmenus"><a @click="$emit(menu.emitevent)" class="text-menu">{{ menu.title }}</a></li>
</ul>
...

我知道这应该可以通过$emit('edit')或$emit('delete')不使用 actionmenus 对象轻松完成，但该$emit()部分应该基于传递的数组 actionmenus 是动态的，以便可以在不同的情况下重新使用 table 组件。我应该如何处理这个问题？有什么办法吗？