I have replaced index.html file of metronic with the index.html file of angular-seed-advanced (src/client) also I have dropped my metronic code inside the client folder but after running the code I am “Parser blocking cross site error”.
Can you please check our Metronic code (angular) which needs to be merged in angular-seed-advanced.
Below is my git url by which you can check my angular code of Metronic and also I am sharing documentation of Metronic.
One more question, can we please use Angular 4 in angular-seed-advanced.
Metronic code git: https://github.com/Jeremywhiteley/MedTexterNative/tree/11-10-2017/angular
Metronic Documentation: http://keenthemes.com/metronic/documentation.html
Snapshot of error: https://screencast.com/t/aPPFvlsJnr6
Related
I'm using symfony 5 and i just removed the encore-bundle because I was having an error with a manifest json file but when i integrated a bootstrap template, no css or images or javascript is shown even though the routers are correct and the files do exist. what might be the problem?
I'm just getting started in the hugo quickstart tutorial.
Looking here, it suggests I ought to be able to modify the home/default/root index.html by creating an _index.md file.
$ hugo new site quickstart
Congratulations! Your new Hugo site is created in ~/quickstart.
Just a few more steps and you're ready to go:
1. Download a theme into the same-named folder.
Choose a theme from https://themes.gohugo.io/, or
create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".
Ok, let's try to modify the home page!
[~/quickstart]$ hugo new index.md
[~/quickstart/content/index.md created
[~/quickstart]$ hugo new _index.md
[~/quickstart/content/_index.md created
I've edited both of those, to the effect of:
---
title: "Welcome"
date: 2017-10-13T20:31:39-05:00
draft: false
---
# This is a website!
Why nothing appears?
But when I run
[~/quickstart]$ hugo server -D
Started building sites ...
Built site for language en:
0 draft content
0 future content
0 expired content
1 regular pages created
6 other pages created
0 non-page files copied
0 paginator pages created
0 tags created
0 categories created
total in 5 ms
Watching for changes in ~/quickstart/{data,content,layouts,static}
Serving pages from memory
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
I see this, no content:
Is there anything else I need to do? A build or markdown or render step or something?
You don't need the index.md but you do need the _index.md. You can delete it.
In your layouts folder create a file named index.html. That's your template html file for the site's root page. Now add your basic boilerplate doc/html markup. That allows the the server to inject a Javascript auto-reload script. Now refresh your browser to pickup the script.
Now you are ready to play. in the body tag add {{.Title}} and watch the browser update.
I have recently migrated the website (https://www.chennaicrackersonline.com/) from shared server to cloud server. The website is developed in magento 1.9.0.1 using mysql.
After moving the magento files and database to the cloud server, the website css and js are not loading properly. After given the proper permission for the css and js folder also, not resolved the issue.
While checking the page source, it appears that the css were merged and js were merged. Please refer the screenshot for the better understanding below:
When I check the page source, I could see that there is "m" folder and "1497249376" folder. Actually these folder are not exist or not created properly in the respective location. It is applicable for the js files also. Js files also resides inside "m" folder. But there is no "m" folder physically.
I am not sure what is the exact issue and how to resolve this issue? Is there any permission issue or any plugin /module causes this issue? Can you guide me / help me to sort out this issue?
Just disable JS and CSS merging until you figure out the problem.
For Magento 1.x go to admin panel > System > Configuration > Advanced > Developer.
Make sure you are using Default Config for Current Configuration Scope (dropdown menu at the top in left sidebar).
Go to JavaScript Settings and CSS Settings and set the Merge options to No.
Reset Magento cache and browser cache, then reload your page.
I am using laravel 5.3 with angular 2 for my project and using webpack for compilation of the assets including js and css.
I am trying to use same font awesome and bootstrap for the client and admin area.
I have the folder structure of laravel with everything inside js directory.
|-public
|-js
|-assets
|-fontawesome-webfonts.woff
|-image1.png
|-vendor.bundle.js
|-polyfill.bundle.js
For Angular 2 routes we need to add the base href to the main template which i have also added.
<base href="/">
Admin url is localhost:8000/admin
and user url is localhost:8000
I have included the bundles like
{!! Html::script('js/vendor.bundle.js') !!}
and the vendor have imported the less files as:
vendor.bundle.js
import 'admin-lte/build/less/AdminLTE.less';
import 'font-awesome/less/font-awesome.less';
The main issue is that when i use the same vendor.bundle.js to both user and admin pages the user page works fine since it loads the fonts from js/assets/fontawesome-webfonts.woff but when i load the admin page it couldn't load the fonts as it searches from admin/js/assets/fontawesome-webfonts.woff which is not the correct directory.
How could i make Angular search into js/assets/fontawesome-webfonts.woff for both url?
The issue is displayed in the image too.
I just figured it out by myself using the url-loader webpack plugin.
You should leave the base href to as it is and configure the assets.
I just needed to add a new test only for the fonts
{
test: /\.(svg|woff|woff2|ttf|eot)$/,
loader: 'url-loader?limit=10000&name=assets/[hash].[ext]&publicPath=/js/'
}
You need to specify the publicPath and add the other directories to name.
That's all. Hope it will save someone's precious time.
Note: don't forget the '/' at the front of the public path
I have created a small site, on IIS express all is working fine. I have created on IIS new application and deployed the package to the folder. the server side is asp.net webapi. the bundle configuration is loading fine when i try to enter the home page, how ever the java script files which are referenced on the cshtml page cannot be found
<script src="~/Client/lib/require/require.js" data-main="../../Client/app/requireConfig"></script>
i am getting -
require.js
/Client/lib/require --> 404 cannot be found
and the bundle which works
viewingPanelDirective.js
/NGWeb/Client/app/appComponents/viewingPanel
how can I over come it?
I think i know what might be the cause, i had the same problem myself
in you visualstudio, the js file was running on a url like this
http://localhost:/client/lib/require/require.js
now you published it, and added it as an application to your default site, you would have given it an alias (e.g) "testsite"
meaning that in reality the file is hosted at
http://localhost/testsite/client/lib/require.js
but in reality your site is looking for it (because of the ~) at
http://localhost/client/lib etc etc
Edit in response to comment:
rather than removing the ~ (which you will need to navigate you back to the url root), i would rather just include your app name in the bundles virtual path, like this:
bundles.Add(new styleBundle("~/yourAppName/Content/css")) ....... etc
I also came across this post, I haven't tried it myself but it seems an interesting alternative to my method.
Fixing Relative CSS Paths when using .NET MVC 4 Bundling