علیرضا
3 سال پیش توسط علیرضا مطرح شد
1 پاسخ

لاراول میکس بخش مرتبط با css و bootstrap

درود بر مهندسین عزیز بنده در لاراول میکس به ارور خوردم که مربوط به css و bootstrap هست چون وقتی در webpack.mix انجام دادم و npm run dev زدم در پوشه public کد های مربوط به js لود شد ولی برای css و bootstrap خیر
ارور هم اینه:

ERROR in /menu/js/main
Module not found: Error: Can't resolve 'C:\Users\AsemaN\Desktop\AryaBMS\resources\menu\main.js' in 'C:\Users\AsemaN\Desktop\AryaBMS'

ERROR in /menu/js/nouislider.min
Module not found: Error: Can't resolve 'C:\Users\AsemaN\Desktop\AryaBMS\resources\menu\nouislider.min.js' in 'C:\Users\AsemaN\Desktop\AryaBMS'

ERROR in /menu/js/now-ui-kit
Module not found: Error: Can't resolve 'C:\Users\AsemaN\Desktop\AryaBMS\resources\menu\now-ui-kit.js' in 'C:\Users\AsemaN\Desktop\AryaBMS'

ERROR in /menu/js/owl.carousel.min
Module not found: Error: Can't resolve 'C:\Users\AsemaN\Desktop\AryaBMS\resources\menu\owl.carousel.min.js' in 'C:\Users\AsemaN\Desktop\AryaBMS'

ERROR in /menu/js/popper.min
Module not found: Error: Can't resolve 'C:\Users\AsemaN\Desktop\AryaBMS\resources\menu\popper.min.js' in 'C:\Users\AsemaN\Desktop\AryaBMS'

webpack compiled with 19 errors
Notifications are disabled
Reason: DisabledForUser Please make sure that the app id is set correctly.
Command Line: C:\Users\AsemaN\Desktop\AryaBMS\node_modules\node-notifier\vendor\snoreToast\snoretoast-x64.exe -appID "Laravel Mix" -pipeName \\.\pipe\notifierPipe-
724c318d-137a-4b5d-9683-3617d66f6ec9 -p C:\Users\AsemaN\Desktop\AryaBMS\node_modules\laravel-mix\icons\laravel.png -m "Error: Error: Can't resolve 'C:\Users\AsemaN
\Desktop\AryaBMS\resources\menu\bootstrap.min.css' in 'C:\Users\AsemaN\Desktop\AryaBMS'" -t "Laravel Mix"
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AsemaN\AppData\Roaming\npm-cache\_logs\2021-12-12T19_39_11_038Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AsemaN\AppData\Roaming\npm-cache\_logs\2021-12-12T19_39_11_398Z-debug.log

در پوشه resources/css/app.css فایل های tailwind import شدن ولی من از bootstrap استفاده می کنم فکر می کنم مشکل از همین باشه ولی نمی دونم چطور bootstrap یا css فراخونی کنم

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

ممنون میشم راهنماییم کنید خیلی وقت درگیر این مسئله ام اینم بگم که من از پکیج لاراول فورتی فای استفاده می کنم و لاراول یو آی نیست

اینم webpack.mix

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .js('resources/menu/bootstrap.min.js','public/menu/js')
    .js('resources/menu/bootstrap-datepicker.js','public/menu/js')
    .js('resources/menu/bootstrap-switch.js','public/menu/js')
    .js('resources/menu/countdown.min.js','public/menu/js')
    .js('resources/menu/jquery.3.2.1.min.js','public/menu/js')
    .js('resources/menu/jquery.easing.1.3.min.js','public/menu/js')
    .js('resources/menu/jquery.sharrre.js','public/menu/js')
    .js('resources/menu/jsLocalSearch.js','public/menu/js')
    .js('resources/menu/main.js','public/menu/js')
    .js('resources/menu/nouislider.min.js','public/menu/js')
    .js('resources/menu/now-ui-kit.js','public/menu/js')
    .js('resources/menu/owl.carousel.min.js','public/menu/js')
    .js('resources/menu/popper.min.js','public/menu/js')
    .postCss('resources/menu/bootstrap.min.css', 'public/menu/css')
    .postCss('resources/menu/main.css', 'public/menu/css')
    .postCss('resources/menu/now-ui-kit.css', 'public/menu/css')
    .postCss('resources/menu/owl.theme.default.min.css', 'public/menu/css')
    .postCss('resources/menu/owl.carousel.css', 'public/menu/css');

ثبت پرسش جدید
میلاد خسروی
تخصص : برنامه نویس بامزه
@milwad 3 سال پیش مطرح شد
0

سلام خسته نباشید
فکر کنم این کارو کنید درست میشه

npm  run build -prod
node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --prod

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام