Challenge #1 of 1

What would happen if you added this into the middle of a Twig template?

<script type="module">
import _ from 'lodash';

const text = _.camelCase('Will this work?');
document.querySelector('.foo').innerText = text; 
</script>

Error: lodash will be imported, but you can't use the return _ value in an inline script.

Error: if you want to write code in a template, you cannot use the type="module".

Error: you can import files like app.js from a module script tag, but not execute code afterward.

This will execute just fine.

Rewatch Video

TRACK

Symfony 7 >

COURSE

AssetMapper: Modern JS with Zero Build System >

CHAPTER

Page-Specific CSS & JS

Challenge #1 of 1

Q: What would happen if you added this into the middle of a Twig template? <script type="module"> import _ from 'lodash'; const text = _.camelCase('Will this work?'); document.querySelector('.foo').innerText = text; </script>

Q:
What would happen if you added this into the middle of a Twig template?

`<script type="module"> import _ from 'lodash'; const text = _.camelCase('Will this work?'); document.querySelector('.foo').innerText = text; </script>`