2016-10-13 3 views
0

спасибо прочитатьЯ не могу интегрировать веб-шаблон приобрел в Метеор

У меня есть проблема, я надеюсь, что некоторая ориентация, потому что всегда работал только с начальной загрузкой. Никогда с css, js или шаблонами. Но этот случай отличается.

Я купил шаблон в wrapbootstrap.com Как вы знаете, эти шаблоны поставляются с большими файлами с множеством номеров, такими как js, img, fonts и, конечно, html. Конечно, не всегда эти пакеты находятся в NPM, и это все проблема, потому что, если только один отсутствующий файл, по какой-то причине многие компоненты не работают так, как я ожидаю. Итак, решение, хотя и не элегантное, но эффективное, копирует и вставляет эти файлы, которые я купил в правильном каталоге в метеоре.

Мне нужно интегрировать этот шаблон в метеор, я нахожу в Интернете tha Meteor.startup() справку. Этот код помогает немного решить, но не решает проблему.

У меня есть следующая проблема: Иногда шаблон хорош, работает отлично и очень хорошо, иногда очень, очень плохо и бесконечно. Вперед IMG

sometimes good, sometimes bad

Как вы можете видеть: Окно справа совершенен, everithings хорошо. Окно слева плохо, и с ошибками. Почему? иногда хорошо, иногда плохо

Следующая моей структуры файла:

My file structure

мой файл клиент/main.js имеет следующие строки:

import angular from 'angular'; 
import angularMeteor from 'angular-meteor'; 
import uiRouter from 'angular-ui-router'; 

import 'bootstrap/dist/css/bootstrap.css'; 
import 'bootstrap/dist/js/bootstrap.js'; 

import {name as Inicio} from '../imports/ui/components/views/inicio/inicio'; 

class Main {} // EMPYT 

Meteor.startup(function() {$.getScript('js/jquery-2.1.3.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('bootstrap/js/bootstrap.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.superslides.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.mb.YTPlayer.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.magnific-popup.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/owl.carousel.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.simple-text-rotator.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/imagesloaded.pkgd.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/isotope.pkgd.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/packery-mode.pkgd.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/appear.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.easing.1.3.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/wow.min.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jqBootstrapValidation.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.fitvids.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/jquery.parallax-1.1.3.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/smoothscroll.js', function() {});}); 
Meteor.startup(function() {$.getScript('http://maps.google.com/maps/api/js?sensor=true', function() {});}); 
Meteor.startup(function() {$.getScript('js/gmaps.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/contact.js', function() {});}); 
Meteor.startup(function() {$.getScript('js/custom.js', function() {});}); 

const name = 'main'; 

export default angular.module('myApp', [ 
    angularMeteor, 
    uiRouter, 
    Inicio 
]) 
    .config(config); 

function config($locationProvider, $urlRouterProvider, $stateProvider) { 
    'ngInject'; 
    $locationProvider.html5Mode(true); 
    $urlRouterProvider.otherwise('/inicio'); 

} 

Мои вопросы:

  • Это хороший способ импортировать файлы, подобные этому?
  • Iam что-то не так?
  • Существуют другие способы?

Прошу, пожалуйста, помощь, потому что я не понимаю документацию о структуре файла. Мне нужен пример. Спасибо за ваше время и прочитать

фильма нота:

  • Моего файл client/main.less является empyt, нет конфликта с ним
  • /lib каталога empyt
  • Am работой с угловым, AngularMeteor, UiRoute
  • На данный момент все html находится в imports\ui\components\views\inicio\inicio.html
  • Невозможно переименовать js-файлы с номером перед именем, например _1appear.js, шаблон не работает таким образом
  • Порядок загрузки подобен шаблону, например, как у моего client/main.js.
  • Если я поставил свои js-файлы в client/compatibility, появятся больше ошибок.
  • Я новичок в Meteor, но не в Tempaltes Web, я интегрировал больше шаблонов в fullstack с yoman и ворчал, никаких проблем, но в метеор очень далекий.
+0

'getScript()' is async; это не сработает. Вы должны обернуть эти файлы в модули. – SLaks

+0

@ SLaks Привет друг. Итак, когда вы советуете мне обернуть эти файлы в модули, как я это сделал? например: мой файл public/js/custom.js начинается в строке 1 с помощью (function ($) {code .. code .. как я переношу в модуль? с угловым метеор? – TigerSpirt

+0

С модулями ES6 ('import' и 'export'), точно так же, как вы уже делали в main.js. – SLaks

ответ

0

Вам необходимо перенести эти файлы для использования модулей (или найти уже завернутые версии на npm), чтобы они могли быть скопированы в правильном порядке вместе с остальной частью вашего JS-кода.

+0

Мужчина, Большое спасибо за ваше внимание, Но я не могу вас понять Позвольте мне объяснить. Я импортирую файлы .js следующим образом: import '../public/js/custom.js'; .......... Загрузка этих файлов очень хороша , кроме моей новой проблемы с изотопом. Вы говорили о «комплекте», что вы имеете в виду «в комплекте»? Спасибо. – TigerSpirt

Смежные вопросы