Laravel 8 - Jetstream + inertia.js - инструменты Vue dev не работают

У меня есть проект, использующий Laravel 9X_vue 8, inertia js, Vue.js и webpack. Инструменты 9X_vuejs разработчика VueJs chrome не работают для 9X_vue этого проекта. Он продолжает отображаться 9X_webpack как не обнаруженный, я попытался перезапустить 9X_vue-js его, удалив и прочитав инструменты разработчика. Я 9X_vue проверил как в разработке, так и в производстве, никаких 9X_vue vuejs не обнаружено. Любая помощь была бы 9X_inertia замечательной.

App.js

require("./bootstrap");

// Import modules...
import { createApp, h } from "vue";
import {
    App as InertiaApp,
    plugin as InertiaPlugin,
} from "@inertiajs/inertia-vue3";

const el = document.getElementById("app");

createApp({
    render: () =>
        h(InertiaApp, {
            initialPage: JSON.parse(el.dataset.page),
            resolveComponent: (name) => require(`./Pages/${name}`).default,
        }),
})
    .mixin({ methods: { route } })
    .use(InertiaPlugin)
    .mount(el);

wepack.mix.js

const mix = require("laravel-mix");

mix.js("resources/js/app.js", "public/js")
    .vue()
    .postCss("resources/css/app.css", "public/css", [
        require("postcss-import"),
        require("tailwindcss"),
        require("autoprefixer"),
    ])
    .webpackConfig(require("./webpack.config"));

if (mix.inProduction()) {
    mix.version();
} else {
    mix.sourceMaps(false, "source-map");
}

app.blade.php



    
        
        
        

        {{ config('app.name', 'Laravel') }}

        
        

        
        

        
        @routes
        
    
    
        @inertia
    

9
0
2
Общее количество ответов: 2

Ответ #1

Ответ на вопрос: Laravel 8 - Jetstream + inertia.js - инструменты Vue dev не работают

У меня была такая же проблема в chrome и 9X_vue opera gx, решение для меня было:

  1. Установите Vue.js devtools beta;
  2. Закройте и снова откройте браузер.

21
2

  • Значит, Vue 3 нужна бета-версия, потому что исходн ...

Ответ #2

Ответ на вопрос: Laravel 8 - Jetstream + inertia.js - инструменты Vue dev не работают

Если у кого-то есть такая же проблема, для 9X_laravel работы расширения chrome также требуется 9X_vuejs версия vuejs devtools dev. Но тут возникла 9X_vuejs другая проблема. Vue не отображается в инструменте 9X_laravel разработки / проверки. Удаление темы Chrome 9X_laravel и установка для нее значения по умолчанию 9X_vue вернули ее обратно.

1
0