codemirror related css files not getting loaded when using require











up vote
0
down vote

favorite
1












I am using require js to load codemirror.



In main.js i have,



requirejs.config({

packages: [{

name: “codemirror”,

location: window.siteRootDir + ‘node_modules/codemirror’,

main: “lib/codemirror”

}],


And in my actual js file i have this



define([

‘codemirror’,

‘codemirror/mode/yaml/yaml’,

‘codemirror/addon/fold/comment-fold’,

‘codemirror/addon/fold/foldgutter’,

‘codemirror/addon/fold/foldcode’,

‘codemirror/addon/lint/lint’,

‘codemirror/addon/lint/yaml-lint’,


When the application loads, in the network tab i see the js files are getting loaded but the css files (codemirror.css, lint.css, foldgutter.css) are not loaded.



Any help would be appreciated






javascript requirejs codemirror







share|improve this question






















  • discuss.codemirror.net/t/…
    – Chinmayee Pdas
    Nov 7 at 14:18










  • The above mentioned issed is resolved.
    – Chinmayee Pdas
    Nov 7 at 14:18










  • I now have another issue here.
    – Chinmayee Pdas
    Nov 7 at 14:19










  • The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
    – Chinmayee Pdas
    Nov 7 at 14:19















up vote
0
down vote

favorite
1












I am using require js to load codemirror.



In main.js i have,



requirejs.config({

packages: [{

name: “codemirror”,

location: window.siteRootDir + ‘node_modules/codemirror’,

main: “lib/codemirror”

}],


And in my actual js file i have this



define([

‘codemirror’,

‘codemirror/mode/yaml/yaml’,

‘codemirror/addon/fold/comment-fold’,

‘codemirror/addon/fold/foldgutter’,

‘codemirror/addon/fold/foldcode’,

‘codemirror/addon/lint/lint’,

‘codemirror/addon/lint/yaml-lint’,


When the application loads, in the network tab i see the js files are getting loaded but the css files (codemirror.css, lint.css, foldgutter.css) are not loaded.



Any help would be appreciated






javascript requirejs codemirror







share|improve this question






















  • discuss.codemirror.net/t/…
    – Chinmayee Pdas
    Nov 7 at 14:18










  • The above mentioned issed is resolved.
    – Chinmayee Pdas
    Nov 7 at 14:18










  • I now have another issue here.
    – Chinmayee Pdas
    Nov 7 at 14:19










  • The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
    – Chinmayee Pdas
    Nov 7 at 14:19













up vote
0
down vote

favorite
1









up vote
0
down vote

favorite
1






1





I am using require js to load codemirror.



In main.js i have,



requirejs.config({

packages: [{

name: “codemirror”,

location: window.siteRootDir + ‘node_modules/codemirror’,

main: “lib/codemirror”

}],


And in my actual js file i have this



define([

‘codemirror’,

‘codemirror/mode/yaml/yaml’,

‘codemirror/addon/fold/comment-fold’,

‘codemirror/addon/fold/foldgutter’,

‘codemirror/addon/fold/foldcode’,

‘codemirror/addon/lint/lint’,

‘codemirror/addon/lint/yaml-lint’,


When the application loads, in the network tab i see the js files are getting loaded but the css files (codemirror.css, lint.css, foldgutter.css) are not loaded.



Any help would be appreciated






javascript requirejs codemirror







share|improve this question













I am using require js to load codemirror.



In main.js i have,



requirejs.config({

packages: [{

name: “codemirror”,

location: window.siteRootDir + ‘node_modules/codemirror’,

main: “lib/codemirror”

}],


And in my actual js file i have this



define([

‘codemirror’,

‘codemirror/mode/yaml/yaml’,

‘codemirror/addon/fold/comment-fold’,

‘codemirror/addon/fold/foldgutter’,

‘codemirror/addon/fold/foldcode’,

‘codemirror/addon/lint/lint’,

‘codemirror/addon/lint/yaml-lint’,


When the application loads, in the network tab i see the js files are getting loaded but the css files (codemirror.css, lint.css, foldgutter.css) are not loaded.



Any help would be appreciated






javascript requirejs codemirror




javascript requirejs codemirror






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 7 at 7:52









Chinmayee Pdas

305




305












  • discuss.codemirror.net/t/…
    – Chinmayee Pdas
    Nov 7 at 14:18










  • The above mentioned issed is resolved.
    – Chinmayee Pdas
    Nov 7 at 14:18










  • I now have another issue here.
    – Chinmayee Pdas
    Nov 7 at 14:19










  • The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
    – Chinmayee Pdas
    Nov 7 at 14:19


















  • discuss.codemirror.net/t/…
    – Chinmayee Pdas
    Nov 7 at 14:18










  • The above mentioned issed is resolved.
    – Chinmayee Pdas
    Nov 7 at 14:18










  • I now have another issue here.
    – Chinmayee Pdas
    Nov 7 at 14:19










  • The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
    – Chinmayee Pdas
    Nov 7 at 14:19
















discuss.codemirror.net/t/…
– Chinmayee Pdas
Nov 7 at 14:18




discuss.codemirror.net/t/…
– Chinmayee Pdas
Nov 7 at 14:18












The above mentioned issed is resolved.
– Chinmayee Pdas
Nov 7 at 14:18




The above mentioned issed is resolved.
– Chinmayee Pdas
Nov 7 at 14:18












I now have another issue here.
– Chinmayee Pdas
Nov 7 at 14:19




I now have another issue here.
– Chinmayee Pdas
Nov 7 at 14:19












The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
– Chinmayee Pdas
Nov 7 at 14:19




The yaml lint depends on js-yaml. I added this as a npm module and incuded it in main.js as paths: { ‘js-yaml’: window.siteRootDir + ‘node_modules/js-yaml/lib/js-yaml’, Then I included this in my js file as define([ ‘js-yaml’, Still i see this error, yaml-lint.js:22 Error: window.jsyaml not defined, CodeMirror YAML linting cannot run. Kindly let me know how to resolve this.
– Chinmayee Pdas
Nov 7 at 14:19

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185378%2fcodemirror-related-css-files-not-getting-loaded-when-using-require%23new-answer', 'question_page');
}
);

Post as a guest























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185378%2fcodemirror-related-css-files-not-getting-loaded-when-using-require%23new-answer', 'question_page');
}
);

Post as a guest






































































-

這個網誌中的熱門文章

Xamarin.form Move up view when keyboard appear

圖片
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 0 I'm trying to build a Chat app UI, the idea of the Layout was pretty simple: When the input bar is focused, keyboard show up and "push" up the chat bar, as it's a grid, the ListView will resize to fit the screen: I update the input bar's margin to "push" it up: NSValue result = (NSValue)args.Notification.UserInfo.ObjectForKey(new NSString(UIKeyboard.FrameEndUserInfoKey)); CGSize keyboardSize = result.RectangleFValue.Size; if (Element != null){ Element.Margin = new Thickness(0, 0, 0,keyboardSize.Height); //push the entry up to keyboard height when keyboard is activated } And this is ...
閱讀完整內容

Post-Redirect-Get with Spring WebFlux and Thymeleaf

圖片
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 2 Can someone explain to me how to implement the post-redirect-get pattern in Spring WebFlux and Thymeleaf? What subscribes on the database save method? @GetMapping("/register") public String showRegisterForm(Model model) { model.addAttribute("user", new User()); return "register"; } @PostMapping public String processRegisterForm(@Valid User user, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "register"; } else { userRepository.save(user); //what subscribes on this? //how to redirect on e.g. "/login"? ...
閱讀完整內容

Anylogic : not able to use stopDelay()

圖片
-2 I am building a railway station model. I want a train to depart when I click a button. I want to call stopDelay() for that but I am not sure how to do that and from which place. anylogic share | improve this question asked Nov 23 '18 at 10:12 Anupam Singh Anupam Singh 1 Hi Anupam, welcome to SOF. Please check how to ask good questions, see link below. Your question is...
閱讀完整內容