所以我试图将laravel项目中的vue-loader更新到15.2.1版.在更新依赖项并运行npm run watch之后,我得到一个错误,我应该使用VueLoaderPlugin.我像官方文档建议的那样添加了它.
尝试再次运行构建命令后,我的每个单个文件组件都会收到此错误:
ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/users/User.vue?vue&type=style&index=0&id=d0ee1f54&scoped=true&lang=sass
Module build failed:
<template lang="pug">
^
Invalid CSS after "": expected 1 selector or at-rule, was ".user-container"
in C:\MAMP\htdocs\lightCRM\resources\assets\js\components\users\User.vue (line 1, column 1)
@ ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/users/User.vue?vue&type=style&index=0&id=d0ee1f54&scoped=true&lang=sass 4:14-338
@ ./resources/assets/js/components/users/User.vue?vue&type=style&index=0&id=d0ee1f54&scoped=true&lang=sass
@ ./resources/assets/js/components/users/User.vue
@ ./resources/assets/js/routes/routes.js
@ ./resources/assets/js/app.js
@ multi ./resources/assets/js/app.js
Run Code Online (Sandbox Code Playgroud)
如果我将此规则添加到我的laravel-mix配置中
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
Run Code Online (Sandbox Code Playgroud)
然后编译成功运行,但在控制台中我得到:
[vue warn]: failed to mount component: template or render function not defined.
Run Code Online (Sandbox Code Playgroud)
我使用合适的装载机在我的vue组件中使用sass和pug.添加更多规则laravel-mix配置似乎没有任何区别.所有依赖项都是最新的,并且可以很好地使用vue-loader v.14.2.2.Node.js版本是10.1.0和npm是6.1.0.
这是我的package.json:
{
"private": …Run Code Online (Sandbox Code Playgroud)