backbone.marionette | The Backbone Framework | Frontend Framework library

I'm using a library that has supports another library with a wide range of versions as a peer dependency. Unfortunately, one of the child projects of the workspace pulls in a version different from the child project that uses the library. As a result, they end up requiring different versions.

I'm trying to use selective resolutions to handle this and force it to use the correct version (https://yarnpkg.com/lang/en/docs/selective-version-resolutions/) but I'm not having any luck.

It's possible I'm misunderstanding how to utilize these.

My current setup is I have a root workspace with these children inside: Project A package.json (which is the source of the issue):

This question might be trivial and easy for a lot of people, but I am having a hard time configuring everything to work properly, would like to learn how this works.

I want to create a client side project in VS2015, however I want to use TypeScript and also some external javascript libraries, like backbone and marionette.

I already configured most of the things, but when running the page I see an error on the console saying 'Marionette is not defined', which makes me think that the libraries (that I previously installed on the project using NPM) are not being copied to wwwroot correctly.

I am using Webpack with a loader to transpile my TypeScript files.

Can someone guide me on the right path? or maybe send me some documentation please?

Here is my package.json

I'm trying to render the response from an API (JSON) with Backbone.Marionette.ItemView. Not sure why it is not working.

I'm using marionette v2.4.7 (on purpose);

Here is the handlebars template:

I can't figure out how to use a function to decide which child view to render in marionette. It seems like it should be pretty simple based on the documentation here: https://marionettejs.com/docs/master/marionette.collectionview.html#collectionviews-childview

I found that page from the composite view docs which inferred that using a function to define a childView should be the same for collection and composite views https://marionettejs.com/docs/master/marionette.compositeview.html#compositeviews-childview)

However, with the following code I am getting the error message "Uncaught TypeError: view.on is not a function." My code is below:

I'm working on implementing a QR reader in a web based app that uses the PC's webcam. This is currently working correct.

The framework that I use (barcode.js) has a function render(element).

I have 2 different files, ScannerView.html and ScannerView.js. See their code below:

ScannerView.html

i am pretty new to backbone.js.

i have two templates which are rendered on same page.

On 1st template, click button is triggering. but 2nd template click event is not triggering

My code looks this.

app.js code like this

I've looked and seen the messages about putting underscore before backbone and marionette. I've done that. When I run my sample I still get:

Uncaught TypeError: Cannot read property 'extend' of undefined at MessageDetailsView.js:1

I'm not trying to instantiate the view, so it doesn't seem that I would need a model yet.

I'm trying to convert my html/jquery to marionette and this is my start. Once I get the ItemView to load, then I will see if I can put it in a CollectionView or just add directly to a div.

Any thoughts?

main.html