changes on browser moved locally but no changes - css

I have a website built in Reactjs and SCSS.
I'm doing some `SCSS changes on the browser, however when I move those changes to Visual Studio,
what is supposed to be is when I refresh the browser the changes should appear. however, the changes lost to note that some changes were done successfully to other parts.
I have done search since a couple of days ago and this is what I found
that I should disable caches also delete them plus cookies. I did that. I have also tried to open it in incognito mode
but the problem still appears
link for the sample of the website
here
so i got this error in console log
index.js:1 Warning: Failed prop type: Invalid prop `color` of value `gray3` supplied to `ForwardRef(Typography)`, expected one of ["initial","inherit","primary","secondary","textPrimary","textSecondary","error"]
what I am missing?

Try to refresh the browser by hitting CTRL + F5. This way, the cache will be cleaned, and the CSS changes will be applied

I found out that i was editing the wrong file
since the project is not built by me
thank you everyone who tried to help me

Related

app css changes are ignored when building project

I'm currently learning Blazor Webassembly. I had issues with my styling and I could not figure it out, why my CSS is wrong all the time. Then randomly after some time passed I saw, that my changes on Client/wwwroot/css/app.css are not picked up. In the browser it is still the same as when I created the project.
What do I need to do?
This Problem can be solved by refreshing the browser with CTRL+F5

Why has my bootstrap.css file stopped updating?

I have bootstrap in an ASP.NET MVC application. I changed one single value in the bootstrap.css file and now it's not updating. When I actually view the source file in debug mode, it also appears as though I have updated nothing. I have had an issue before where it didn't update upon deployment, and in that case I had to delete the minified file, so I also tried deleting every bootstrap file (aside from the scripts) except bootstrap.css, but still it is as if I never updated it even in debug mode. I used to be able to change the file and the screen would live update in debug mode. It's like somehow I totally locked it but I don't know how.
Starting with the basics, have you definitely hit CTRL + F5 (as opposed to just F5) when viewing the page to ensure that you're not viewing a cached version of the page? I've had a similar issue where, even though changes to a stylesheet are usually picked up when a page is reloaded, sometimes you need to force the cache to refresh to view the page correctly.

Codekit fails to refresh the browser after second edit?

I'm currently viewing Codekit's preview link of my page in the browser. After saving changes to my CSS, Codekit will auto-refresh the browser and render the changes as expected - the first time only.
After saving another change to the CSS, Codekit fails to refresh the browser the second time. I suspect this has to do with the structure of my files in conjunction with my external server (MAMP).
Currently I've specified my the following as External Server Address http://localhost/
And have set the following as my Preview Subpath: /sw/?v=/car/create
Could it be, that only files in the document root auto-refresh every time changes are made but not those in the Preview Subpath?
Thanks in advance for any help!
I have weird CodeKit2 behavior too: any project autorefreshes fine when I put it to the ~/Desktop/myproject but fails to reload when I put it to the ~/Dropbox/oluckyman-air/Projects/Work/myproject folder.
Seems that length of the project path is affects the autoreload feature.
I had workaround this problem by moving my project to the ~/Projects/myproject folder.
Update:
As Bryan Jones says it’s actually a bug in OS X. See here for a list of ways to work around it: http://feedback.livereload.com/knowledgebase/articles/86239-os-x-fsevents-bug-may-prevent-monitoring-of-certai

How can I properly refresh a Durandal SPA web app when new views are added?

I'm just starting to play with Durandal, using the starter kit. I've added a very simple new view/viewmodel combination (essentially a copy/paste of an existing one from the sample) and mapNav()'d the route.
The problem is happening when I try to refresh my browser...the new view simply does not appear. It's not in the nav bar, nor can I navigate directly to the view by typing in the address bar. I know the code is (or should be?!) correct because if I go to the page in a different browser, everything appears as it should.
Is there some browser caching that Durandal is doing somehow? Sometimes F5 or Ctrl+F5 works to refresh, sometimes it doesn't. I also can't deep-link to a specific 'page'. Ie:
http://localhost:52625/#/newpage just gives me a blank
What am I missing?
The option that I use in Chrome is to open developer tools and right-click on the refresh button. There is an option for 'Empty Cache and Hard Reload' which always fixes this issue for me. I don't know the equivalent in IE but try this and see if it fixes your issue.
Most browsers will cache modules returned via RequireJS, which is how Durandal obtains its modules and view models.
CTRL+F5 doesn't help because that just refreshes the initial page - all the modules are still requested using javascript (RequireJS), so they are usually pulled from cache first.
I've found it's best to disable caching in your browser's developer tools. Doing so will ensure that all network requests are loaded directly from the source and not from cache.
See this question for additional information: Debugging when using require.js cache
Another solution is configure RequireJS to set its urlArgs property: https://stackoverflow.com/a/8479953/91189
This solution works ok, but makes it harder to debug, at least in Chrome, because breakpoints are lost every time the module is loaded, since it's technically a different file being requested each time.

upload image displays an error under drupal 6

A site have run ok for some time. But recently, when I upload a image, it is always raising this error:
An unrecoverable error occurred. This form was missing from the server cache. Try reloading the page and submitting again.
The first time i uploaded the image is ok. but when I create the second article and upload a image, it shows the above error. And the upload button disappeared.
Does anyone konw how to correct it and what's the reason of this error emergence ?
Apparently the problem is not Drupal. Most likely a setting on the server. If you use hosting services. please contact support, they may be something advise. Also recommend looking into the FAQ page the module loads the image coordinates.
Also, to test this problem, try to move the website to your local kompyuter and test does not appear whether this problem. Good luck. And update all the modules before actual sosoyaniya. Poeksprimentiruyte module load module dev.
Some other users have had the same sort of issue. See this thread on Drupal.org and this question at Drupal Answers.
Try to disabling caching under admin/settings/performance and set minimum lifetime to none. Also try clearing the caches on your site and in your browser and try again.
The problem is in cache_get() function inside includes/cache.inc file.
At line no. 42, there is a check :
if (isset($user->cache) && $user->cache > $cache->created)
Time of user cache, is always coming as bigger than cache's creation time. That is why, this function returning zero and file is not uploaded.
However I could not find the solution yet.

Resources