Шаблон не отображается в моем проекте Laravel 6.6 с Vue. js

Question

Я сделал базовую c установку из Vue. JS в моем Laravel проекте, это мой пакет. json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "7.*",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10"
    }
}

Итак, я запускаю этот код, чтобы все после установки npm запускает установку && npm запускает dev для смеси из Laravel, генерирует файлы, каждый урок говорит, что я должен поместить это в нижний колонтитул из моего основного файла

<script src="{{ asset('js/app.js') }}"></script>

И всегда говорите, что файл не существует, это правда, потому что, когда я запускаю эту команду из смеси выше, это просто сделать папки js и css в новой папке publi c это правильный подход? поскольку я не вижу учебника, в котором эта команда создает папку publi c, см. изображение ниже:

Поэтому, когда я явно этот путь:

<script src="{{ asset('public/js/app.js') }}"></script>

Мой Vue. js загружен, и я вижу текст по умолчанию из Vue. js в консоли, но когда я помещаю шаблон из этого файла TesteFood. vue

<template>
    <h1>Testando VUE</h1>
</template>

Не отображается, и я тоже делаю эту команду npm Запустить наблюдение безуспешно.

Answer 1

Я просто переустанавливаю все свои Laravel и устанавливаю Vue. js и не перемещаю папку publi c, и все работает нормально.

Спасибо всем!

Answer 2

когда вы устанавливаете laravel 6, затем выполните эту команду composer требует laravel / ui --dev для интеграции всех vue js зависимостей, затем создайте свой компонент и зарегистрируйте его в приложении. js файл выглядит так:

Vue .component ('teste-food', require ('./ components / TesteFood. vue')); и затем запустите npm запустите dev для компиляции однократных кодов или npm запустите watch для компиляции всего, пока вы добавляете какой-нибудь файл vue. js или sass в ваш объект , На этом шаге вы должны увидеть свой компонент.

Answer 3

Попробуйте вспомогательную функцию mix:

<script src="{{ mix('js/app.js') }}"></script>