“你可能需要一个合适的加载器来处理这个文件类型”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'
});

原文由 Lluís Puig Ferrer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

正如错误消息所暗示的那样：

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

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

您可以在此处找到此类集成的示例：

https://github.com/vuejs-templates/webpack-simple

原文由 str 发布，翻译遵循 CC BY-SA 3.0 许可协议