未捕获的语法错误：“backbone.radio.js”中的意外令牌导入

Question

我正在尝试将应用程序从 Backbone 迁移到 Marionette (v3)，但我已经在某个点上停留了两天。

当我尝试在浏览器中运行该应用程序时，此错误显示在控制台中（并且屏幕为空白）：

未捕获的SyntaxError：意外的标记进口在backbone.radio.js：1

Backbone.radio.js中的第一行是下划线的导入语句：

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

Answer 1

它抱怨import- 语句表明您正在引用源文件。确保您的backbone.radio-path 转到构建文件。