我正在尝试将应用程序从Backbone迁移到Marionette(v3),但是我已经陷入困境两天了。
当我尝试在浏览器中运行该应用程序时,该错误显示在控制台中(屏幕为空白):
未捕获的SyntaxError:意外的标记进口在backbone.radio.js:1
在第一行backbone.radio.js是import语句下划线:
import _ from 'underscore';
我使用Requirejs作为模块加载器。这是main.js中的配置:
require.config({
paths: {
jquery: '../bower_components/jquery/dist/jquery',
underscore: '../bower_components/underscore/underscore',
backbone: '../bower_components/backbone/backbone',
'backbone.radio': '../bower_components/backbone.radio/build/backbone.radio',
'backbone.babysitter': '../bower_components/backbone.babysitter/src/build/backbone.babysitter',
marionette: '../bower_components/marionette/lib/backbone.marionette',
bootstrap: '../bower_components/bootstrap/dist/js/bootstrap',
text: '../bower_components/requirejs-plugins/lib/text'
},
map: {
'*': {
'backbone.wreqr': 'backbone.radio'
}
},
shim: {
jquery: {
exports: '$'
},
underscore: {
exports: '_'
},
backbone: {
deps: [ 'underscore', 'jquery' ],
exports: 'Backbone'
},
marionette: {
deps: [ 'jquery', 'underscore', 'backbone' ],
exports: 'Marionette'
},
bootstrap: {
deps: [ 'jquery' ]
}
}
})
require(['appinstance'], function (app) {
app.start()
})
这是我的appinstance.js:
define(function (require) {
var App = require('app')
return new App()
})
这是我的app.js文件:
define(function (require) {
var $ = require('jquery')
var _ = require('underscore')
var Backbone = require('backbone')
var Router = require('router')
var Controller = require('controller')
var Marionette = require('marionette')
var CommonHeaderView = require('views/common/header')
return Marionette.Application.extend({
/**
* Define the regions for the application.
*
* @returns {Object}
*/
regions: function () {
return {
header: '#header'
}
},
/**
*
* @param {Object} options
*/
start: function (options) {
var commonHeaderView = new CommonHeaderView()
Marionette.Application.prototype.start.apply(this, [options])
this.header.show(commonHeaderView)
this.Router = new Router({ controller: new Controller() })
Backbone.history.start()
}
})
})
有谁知道我为什么遇到这个问题?
不幸的是,我没有解决该问题的想法,任何帮助将不胜感激。
PS:我使用Marionette v3.0.0,Backbone v1.2.3和Requirejs v2.1.15
它抱怨import
-statement表示您正在引用源文件。确保backbone.radio
-path进入构建文件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句