Вопросы и ответы - laravel-mix

Вопросы и ответы - laravel-mix



Есть ответ!
Я пытаюсь настроить BrowserSync для работы с моим проектом Laravel. Однако, когда я запускаю npm run watch, localhost:3000 не загружается. Я не получаю никаких ошибок компиляции в терминале. Интересно, что панель управления пользовательским интерфейсом на localhost:3001 работает отлично. Если я запускаю php artisan serve, localhost:8000 загружается нормально, но, конечно, это не связано с Browse...
Есть ответ!
Шаг 1: в консоли/терминале. npm install --save sweetalert2 Шаг 2: в app.scss добавьте эту строку... @import '~sweetalert2/src/sweetalert2.scss'; Шаг 3: в app.js добавьте эту строку... const swal = require('sweetalert2'); Шаг 4: в webpack.min.js... mix.setPublicPath('public'); mix.js('resources/js/app.js', 'js'); mix.sass('resources/sass/app.scss', 'css'); Шаг 5: npm run dev Шаг 6: Доб...
Есть ответ!
Я использую laravel-mix с webpack для включения Vue, но это всегда вызывает эту ошибку: Uncaught ReferenceError: Vue не определен Я использую эту команду для компиляции файла: НПМ запустить Дев Я компилирую Vue из этого файла: webpack.mix.js let mix = require('laravel-mix'); mix.webpackConfig({ externals: { 'vue':'Vue', 'vuejs-dialog': 'VuejsDialog' } }); mix.js('reso...
Есть ответ!
Я использую Vue.js и Laravel-Mix, когда я сохраняю проект, я не получаю никаких уведомлений, подобных этому : Я запускаю npm run watch. Моя консоль не отображает никаких ошибок / предупреждений при компиляции. Я уже проверил webpack.mix.js на mix.disableSuccessNotifications(); , и у меня нет этого в моем файле, Мои уведомления работают на моей ОС. Я использую Linux Mint. У меня есть это на ...
Есть ответ!
У меня есть проект фреймворк Laravel 8 и обновить фреймворк Laravel-смешать до V6, чтобы поддержать вю-3. Проблема заключается в createWebHistory от vue-router 4 пакет.в JSON { "private": true, "scripts": { "development": "mix", "watch": "mix watch", "watch-poll": "mix watch -- --watch-option...
Есть ответ!
Я пытаюсь импортировать файл JSON в один компонент Vue, и когда я строю, я получаю эту ошибку: Module parse failed: Unexpected token } in JSON at position 1980 while parsing near '...647 25 49.981 25Z", } ' You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. Я использую Laravel Mix и вижу файл webpack.config по адресу node_mo...
Есть ответ!
Каждый день я прихожу на работу, запуск интегрированной среды разработки (код - ОСС) и запустить npm run watch. Каждый день это действует как заклинание. Но не сегодня. Как ни странно, сегодня запуск npm run watch вызывает эту ошибку: Ошибка в мульти-Вью Модуль не найден: ошибка: не удается разрешить 'vue' в '/home/TopSecretUser/Code/Local/TopSecretProject/11.11.2020/dev' @ multi vue /js / vendor...
Есть ответ!
Я использую vue-select, и мне нужно вызвать событие Option open, я пробовал: <v-select :filterable="false" onclick="this.customMethod('meow')" /> но это не поддерживает методы vue.
Есть ответ!
Я заметил особое поведение, когда вызываю функцию "require" с помощью Vue и jQuery. Для Vue я могу использовать любую из следующих структур операторов, и мое приложение работает без проблем: window.Vue = require('vue'); window.$ = window.Vue = require('vue'); Но для jQuery я могу использовать только: window.$ = window.jQuery = require('jquery'); .. потому что если я попробую это сделать так, как...
Есть ответ!
Под "утечкой" я подразумеваю следующее. У меня есть About.vue со своим собственным стилем (About.scss) и собственной конечной точкой "/about". У меня также есть конечная точка домашней страницы " / " и соответствующий ей шаблон Laravel blade (Index.blade.php) со своим собственным стилем (Index. scss). проблема Стиль из About. scss влияет на Index.scss, и они даже не находятся в том же html-файле, ...
Есть ответ!
Кстати, используя Laravel Mix... и пытаясь использовать Vue Apollo, он говорит, что нам нужно добавить это в Babel config: { test: /\.vue$/, use: [ { loader: 'vue-loader', options: { transpileOptions: { transforms: { dangerousTa...
Есть ответ!
Я использую следующую команду для связывания моих скриптов через модуль Laravel Mix: npm run dev // Compile scripts. npm run prod // Compile and minify scripts. Это собственные команды npm или пользовательские команды Laravel Mix? Где они определены? Я заметил, что они перечислены как "скрипты" в пакете Laravel.json. Что же это за скрипты, пользовательские команды для Webpack через Laravel Mix? ...
Есть ответ!
Я пытаюсь объединить несколько файлов SASS и CSS в один CSS-файл в Laravel mix, но не могу найти, как это сделать. вот пример laravel mix, который я пытаюсь использовать, который возвращает ошибки: mix.js('resources/js/app.js', 'public/js') .sass('resources/scss/app.scss', 'public/css') .styles('resources/css/app.css', 'public/css');
Есть ответ!
Я развертываю приложение Laravel с использованием платформы Docker на AWS Elastic Beanstalk. Один из шагов в моем файле Dockerfile-это объединение ресурсов с помощью Laravel mix, запустив npm run production, как показано ниже. # Dockerfile ... RUN echo "${ALPINE_MIRROR}/edge/main" >> /etc/apk/repositories \ && apk add --no-cache nodejs nodejs-npm --repository="http:...
Есть ответ!
Мой текущий webpack.mix.js конфигурация такова: mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require('tailwindcss'), ]).extract(); Если у меня есть другой код CSS, скажем, что это плагин-1.в CSS, как я могу объединить оба так, что я получаю на выходе из одного приложения.УСБ? Я попробовал ['resources/css/app.css', ...
Есть ответ!
Я использую Laravel 5.6, и мне нужно реализовать Vuetify в проекте Vue. Мне также нужен Vuetify-loader, потому что в противном случае мне пришлось бы импортировать любой компонент Vuetify вручную. Код, который я использую в своем файле webpack.mix.js, выглядит следующим образом: mix .js('resources/assets/app.js', 'public/js/app.js') .sass('resources/assets/app.scss', 'public/css/app.css'...
Есть ответ!
У меня возникли некоторые проблемы с настройкой горячей перезагрузки модуля в Laravel Mix внутри контейнера Docker. У меня есть следующий Dockerfile: FROM php:7.4.0-fpm RUN curl -sL https://deb.nodesource.com/setup_13.x | bash RUN apt-get update && \ apt-get install -y -q --no-install-recommends \ nano apt-utils curl unzip default-mysql-client nodejs build-essential git \ l...
Есть ответ!
Содержимое style.css переопределяется eahc раз, когда я запускаю npm run dev Это мой файл webpack let mix = require('laravel-mix'); /* |-------------------------------------------------------------------------- | Mix Asset Management |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps | for yo...
Есть ответ!
У меня есть проект Laravel и Vue, в котором я использую import, 0.jsи др.) размещаются непосредственно в 1.jsкаталоге, а не в разделе public, где находится public/jsесть. Вот мой файл Laravel Mix: app.js Что мне нужно изменить / добавить, чтобы файлы блоков Vue автоматически помещались в const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js/') .sass('resources/sass/ve...
Есть ответ!
У меня есть довольно стандартный файл webpack для моего приложения laravel const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .extract("['lodash', 'axios', 'jquery','bootstrap','tether','prismjs','jquery.mb.ytplayer','owl.carousel']") .sass('resources/sass/app.scss', 'public/css') .sourceMaps(); if (mix.inProduction()) { mix.version(); } Но npm ru...


Закрыть X