Вопросы и ответы - laravel-mix
amazon-elastic-beanstalk browser-sync css docker docker-build docker-compose hot-module-replacement javascript jquery laravel laravel-5 laravel-mix laravel-nova lazy-loading linux momentjs node-modules node.js notifications npm php require sass scss-lint server sweetalert2 vagrant vue-apollo vue-loader vue-router vue-select vue.js vuejs2 vuejs3 vuetify.js webpack webpack-4 webpack-dev-server yarnpkg
Есть ответ!
Я пытаюсь настроить 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...