"你可能需要一个合适的加载器来处理这个文件类型"webpack和vue

Question

我正在尝试使用以下命令编译webpack:

node_modules /的.bin /的WebPack

我得到错误:

Module parse failed: 
/home/vagrant/Code/stream/resources/assets/js/views/Contact.vue 
Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

webpack在扩展名为.vue的每个文件中显示错误

我的路线看起来像这样

import VueRouter from 'vue-router';

let routes = [
{
    path: '/',
    component: require('./views/Home')
},

{
    path: '/about',
    component: require('./views/Test')
},

{
    path: '/contact',
    component: require('./views/Contact')
}
];

export default new VueRouter({
routes,
linkActiveClass: 'is-active'
});

Answer 1

我最近刚刚通过恢复到 vue-loader v14 解决了这个问题

npm install vue-loader@14 --save-dev。

显然 v15 有一些问题。

Answer 2

如错误消息所暗示：

您可能需要适当的加载程序来处理此文件类型。

您需要将vue-loader添加到您的Webpack配置中。

您可以在此处找到这种集成的示例：https :
//github.com/vuejs-templates/webpack-simple