laravel - vuetify.js.map : Source map error: SyntaxError

Question

我正在尝试使用 Homestead 学习 Laravel 和 VueJS。我决定在我的学习中使用 Vuetify，而不是通过 npm 安装 Bootstrap。

这是我的 app.js:

import "material-design-icons-iconfont/dist/material-design-icons.css";
import "vuetify/dist/vuetify.min.css";
import Vue from "vue";
import Vuetify from "vuetify";
import App from "./components/App.vue";
import ExampleComponent from './components/ExampleComponent.vue';

import VueRouter from "vue-router";
import axios from "axios";
import VueAxios from "vue-axios";

Vue.use(Vuetify, VueRouter, axios, VueAxios);


const routes = [
    { path: "/", name: "Dashboard", component: ExampleComponent }
];

const router = new VueRouter({ mode: "history", routes: routes, linkExactActiveClass: "active" });
new Vue(Vue.util.extend({ router }, App)).$mount("#app");

但是在我的控制台日志中我收到了这个错误:

Source map error: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data Resource URL: http://xcy.dv/js/app.js Source Map URL: vuetify.js.map

我在这里错过了什么？我是 VueJS 新手

Answer 1

在 Vuetify 社区的帮助下，我发现我需要包含 .sourceMaps()在我的 webpack.mix.js 中是这样的:

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css').sourceMaps();

它基本上启用了源 map ，因为它在默认情况下是禁用的。