小编Ник*_*лис的帖子

带有laravel-mix的vue-loader 15

所以我试图将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)

laravel vue.js laravel-5 vue-loader laravel-mix

7
推荐指数
1
解决办法
5549
查看次数

标签 统计

laravel ×1

laravel-5 ×1

laravel-mix ×1

vue-loader ×1

vue.js ×1