diff --git a/src/components/imageUploader/imageUploader.js b/src/components/imageUploader/imageUploader.js
index ca83222274..fec5363886 100644
--- a/src/components/imageUploader/imageUploader.js
+++ b/src/components/imageUploader/imageUploader.js
@@ -141,8 +141,7 @@ import 'css!./style';
 
         options = options || {};
 
-        // TODO: remove require
-        require(['text!./components/imageUploader/imageUploader.template.html'], template => {
+        import('text!./imageUploader.template.html').then(({default: template}) => {
 
             currentItemId = options.itemId;
             currentServerId = options.serverId;
diff --git a/src/components/itemMediaInfo/itemMediaInfo.js b/src/components/itemMediaInfo/itemMediaInfo.js
index 492b27e2cb..dcfaf3864a 100644
--- a/src/components/itemMediaInfo/itemMediaInfo.js
+++ b/src/components/itemMediaInfo/itemMediaInfo.js
@@ -169,8 +169,7 @@ import 'flexStyles';
     export function show(itemId, serverId) {
         loading.show();
         return new Promise((resolve, reject) => {
-            // TODO: remove require
-            require(['text!./components/itemMediaInfo/itemMediaInfo.template.html'], template => {
+            import('text!./itemMediaInfo.template.html').then(({default: template}) => {
                 loadMediaInfo(itemId, serverId, template).then(resolve, reject);
             });
         });
diff --git a/src/components/itemidentifier/itemidentifier.js b/src/components/itemidentifier/itemidentifier.js
index a1520928c2..10655b1279 100644
--- a/src/components/itemidentifier/itemidentifier.js
+++ b/src/components/itemidentifier/itemidentifier.js
@@ -357,8 +357,7 @@ import 'cardStyle';
 
         loading.show();
 
-        // TODO: remove require
-        require(['text!./components/itemidentifier/itemidentifier.template.html'], template => {
+        import('text!./itemidentifier.template.html').then(({default: template}) => {
 
             const apiClient = getApiClient();
 
@@ -441,13 +440,13 @@ import 'cardStyle';
         }
     }
 
+    //TODO investigate where was used this?
     function showEditorFindNew(itemName, itemYear, itemType, resolveFunc) {
 
         currentItem = null;
         currentItemType = itemType;
 
-        // TODO: remove require
-        require(['text!./components/itemidentifier/itemidentifier.template.html'], template => {
+        import('text!./itemidentifier.template.html').then(({default: template}) => {
 
             const dialogOptions = {
                 size: 'small',