Does my structure is correct and my imports too?

Hi,
I’m sorry to ask that but can you check if my structure + my way to imports .js is correct ? Because I’m having some issues and maybe it’s because of that…

So the part of the structure where I’m having some doubts (ps: click on the picture) :

Then in the file home.js I do :

 // JS File of the home page, it's the main JS
import {
    Template
} from 'meteor/templating';
import {
    Session
} from 'meteor/session'
import {
    InfosContainers
} from '/both/collections/infosContainers.js';
import {
    InfosMachines
} from '/both/collections/infosMachines.js';

import {
    Alertes
} from '/both/collections/alertes.js';

import {
    Meteor
} from 'meteor/meteor'

// files that are loaded at the start
console.log("start import");
import '../imports/ui/layout.html';
import '../imports/ui/login.html';
import '../imports/ui/404.html';
import '../imports/ui/loading.html';
import '../imports/ui/footer.html';
import './home.html';

import '../imports/ui/dataGraph.html';
import '../imports/ui/container.html';
import '../imports/ui/machine.html';
import '../imports/ui/alerte.html';

import '../imports/ui/layout.js';
import '../imports/ui/login.js';
import '../imports/ui/404.js';
import '../imports/ui/footer.js';
import '../imports/ui/dataGraph.js';
import '../imports/ui/container.js';
import '../imports/ui/machine.js';
console.log("end import");
/////////////////////////////////////

Template.home.onCreated(function() {
...

I’m not sure if it’s right to import the .js of my HTML like this, I though it was since I got some strange behaviours.

Thank you for the help

I founded a trick to correct my behaviour but I’m still looking to know if it’s a right structure