MHT
6 سال پیش توسط MHT مطرح شد
18 پاسخ

عدم اجرای کدهای css

سلام دوستان.
یک مشکلی برای وبسایتم پیش اومده. هیچ کدوم از css ها و بوت استرپ ها کار نمیکنن و هر صفحه ای از وبسایت که میرم فقط کدهای html هست. قبلش npm رو آپدیت کردم و چند تا پکیج نصب کردم.( پکیج های بوت استرپ و ...) خیلی ممنون میشم کمک کنید چون تا چند روز آینده باید این پروژه درسی رو تحویل بدم:(


ثبت پرسش جدید
developer
تخصص : برنامه نویس
@developer 6 سال پیش مطرح شد
1

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


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari

این خروجی این دستور npm هست، فکر کنم هرمشکلی هست بخاطر عدم اجرای این هست. وگرنه اصلا به کدهای پروژه دست نزدم و قبل از اینکه نود ماژول ها رو از نو نصب کنم کار می کرد. تو کنسول فقط این ارور رو میداد:
Failed to load resource: the server responded with a status of 404 (Not Found)

این هم خروجی این دستور هست:

npm run watch

myproject@1.0.0 watch C:\wamp64\www\myproject
npm run development -- --watch

myproject@1.0.0 development C:\wamp64\www\myproject
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

  • configuration.output.path: The provided value "public" is not an absolute path!
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! myproject@1.0.0 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 ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the myproject@1.0.0 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T17_23_15_682Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 watch: npm run development -- --watch
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 watch 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T17_23_15_950Z-debug.log

حالا درست میشه؟:( یک هفته کامل مشغول رفع ارور هاش هستم اما درست نمیشه


developer
تخصص : برنامه نویس
@developer 6 سال پیش آپدیت شد
0

یکبار فولدر ماژول ها رو حذف کنید
بعد دوباره npm i بزنید ببنید چی میشه


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari
اگر درست نشه هیچ راه حل دیگه ای وجود نداره؟
این کار رو کردم و این ارور رو داد:
PS C:\wamp64\www\myproject> npm i
npm ERR! code ENOLOCAL
npm ERR! Could not install from "node_modules\vue\dist\vue.common.js" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T19_17_21_603Z-debug.log


MHT
@mahiHT 6 سال پیش مطرح شد
1

آخه چرا کدهای html رو فقط نشون میده؟
برای صفحه تو f12 اینو میگه:
Failed to load resource: the server responded with a status of 404 (Not Found)


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 6 سال پیش مطرح شد
1

درود...
از مدیریت بسته yarn امتحان کنید...
https://yarnpkg.com/


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari
چرا هر بار یک ارور میده؟ مشکل از لپ تاپ من هست؟

myproject@1.0.0 development C:\wamp64\www\myproject
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"

'cross-env' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 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 ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T19_27_26_126Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 watch: npm run development -- --watch
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 watch 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T19_27_26_227Z-debug.log
PS C:\wamp64\www\myproject>


developer
تخصص : برنامه نویس
@developer 6 سال پیش مطرح شد
1

پکیج ها درست نصب نمیشه، css ها رو اگه مستقیم فراخوانی کنید درسته، ولی چون میخواین فشرده کنید مشکل داره

با ******** وصل شید، ترمینال رو هم با دسترسی adminstrator ران کنید و دوباره نصب کنید پکیج ها رو


MHT
@mahiHT 6 سال پیش مطرح شد
1

@RaymondDragon

خب چطوری هست این؟ کدهایی که با ویو جی اس هستن درست کار میکنن یعنی؟


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 6 سال پیش مطرح شد
1

@maedehtoosi
مثل npm هستش و بهتر عمل می کند و سریع پکیچ ها نصب می کنه...


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari
فکر نمی کنم درست بشه. باز هم این ارور ها رو داد:
npm WARN saveError ENOENT: no such file or directory, open 'C:\WINDOWS\system32\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\WINDOWS\system32\package.json'
npm WARN system32 No description
npm WARN system32 No repository field.
npm WARN system32 No README data
npm WARN system32 No license field.


developer
تخصص : برنامه نویس
@developer 6 سال پیش مطرح شد
1

خب این میگه فایل package.json رو پیدا نمیکنه یا پاکش کردید یا توی یک فولدر دیگه دارید npm i میکنید


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari
منظور از ******** چیه دقیقا؟ :|
خب تو خود پوشه ی اصلی که دستور ادمین شدن رو میزنم ارور میده از طرفی تو کامند ویندوز هم cd نمیشه توی پوشه پروژه:((


developer
تخصص : برنامه نویس
@developer 6 سال پیش مطرح شد
1

روی کامند ویندوز راست کلیک کنید و run as adminstrator بزنید و از جایی که هستید یکی یکی فولدر ها رو جابجا شید و برید توی فولدر پروژه،
یا یک راست توی فولدر پروژه git bash رو اجرا کنید یا توی phpstorm یا ... ترمینال رو اجرا کنید و پکیج ها رو نصب کنید

منظور از ******** هم ******** هست یا استفاده از shecan.ir


MHT
@mahiHT 6 سال پیش مطرح شد
1

@alirezasafdari

خب با این روش رفتم اما باز هم هیچ تغییری نکرد:( ارور ها تقریبا همونا هستن.
C:\wamp64\www\myproject>npm run watch

myproject@1.0.0 watch C:\wamp64\www\myproject
npm run development -- --watch

myproject@1.0.0 development C:\wamp64\www\myproject
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watc
h"

'cross-env' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 development: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/larave l-mix/setup/webpack.config.js "--watch"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T20_17_50_154Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 watch: npm run development -- --watch
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 watch 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\pardis\AppData\Roaming\npm-cache_logs\2018-09-19T20_17_50_340Z-debug.log


developer
تخصص : برنامه نویس
@developer 6 سال پیش مطرح شد
1

پکیج ها درست نصب نمیشه؛ یکی یکی نصبشون کنید الان اینو بزنید

npm install --save-dev cross-env

بعد اگه واسه پکیج دیگه ای ارور داد اونو نصب کنید


مهدی رستگار
تخصص : توسعه دهنده frontend &amp...
@rm.8968 6 سال پیش مطرح شد
1

با سلام با استفاده از کلیدی ترکیبی ctrl+u ببینید فایل های css به کجا ارجاع داده می شوند
اگر مطمئنید مشکل از npm است یکبار پاک کنید و دوباره نصب کنید
یا تصویر از error بگذارید تا بیشتر بشه راهنمایی کرد


MHT
@mahiHT 6 سال پیش مطرح شد
1

@rm.8968
خیلی ممنونم، مشکل این بود که من مستقیم asset میکردم، یعنی در واقع در کد زدن مشکل داشتم و البته نصب کردن پکیج ها با یارن خیلی بهتره. دقیقا من هم یک پروژه ی جدید ساختم.


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

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