I went to test my JS code with "npm run sourceFile.js".
However npm reports it cannot find a file called "pacakge.json", BUT I never created the file or used in my code.
So I don not know why npm is reporting such file. And;
- I believe this is causing my other problem where my JS function is not being define (you can see this in the screen shot provided).
Here is my JS code:
/*
Page Structure
*/
import { top_container_config, middle_container_config, bottom_container_config} from './page_structure_config.js';
//------------------------------------------------------------------------------
function createDOMelement(element_, attributues_){
var elem_ = document.createElement(element_);
var k;
for (k in attributues_){
elem_.setAttribute(k,attributues_[k]);
}
return elem_;
}
//------------------------------------------------------------------------------
function topConainter(){
var _container = "top_container";
}
//------------------------------------------------------------------------------
function middleContainer(){
var _container_ID = "middle_container";
var _columns = [];
var _navVar;
var _nv_items =[];
//Columns
for(var col = 0; col < middle_container_config.mc_columns.num; col++){
_columns.push(createDOMelement("div",middle_container_config.mc_columns._DOM_));
}
//My Nav Var
_navVar = createDOMelement("div", middle_container_config.nav_stack._DOM_);
//Inside my Nav Var
for(var nv_i = 0; nv_i < middle_container_config.nav_stack_items.num; nv_i++){
_nv_items.push(createDOMelement("div",middle_container_config.nav_stack_items._DOM_));
}
//JOIN ALL ELEMENT - Inside OUt
for (var a =0; a<_nv_items.length; a++){
_navVar.appendChild(_nv_items[a]);
}
//Append NavVar to first column of the middle_container
_columns[0].appendChild(_navVar);
//add to DOM
for(var b=0; b<_columns.length; b++){
document.getElementById(_container_ID).appendChild(_columns[b]);
}
console.log(document.getElementById(_container_ID));
}
//------------------------------------------------------------------------------
function bottomContainer(){
var _container = "bottom_container";
}
Here is picture of my npm output:
I run my npm command as the following:
npm run page_structure.js
Aucun commentaire:
Enregistrer un commentaire