vuetify.js.map：源地图错误：SyntaxError

Question

我正在尝试使用 Homestead 通过 VueJS 研究 Laravel。我决定在我的研究中使用 Vuetify 而不是 Bootstrap，方法是通过npm.

这是我的 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");

但在我的控制台日志中，我收到此错误：

源映射错误：SyntaxError：JSON.parse：JSON 数据资源 URL 的第 1 行第 1 列出现意外字符：http://xcy.dv/js/app.js 源映射 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();

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