diff --git a/packages/translator-default/src/index.js b/packages/translator-default/src/index.js
index dcbf32a1ec..93865e9875 100644
--- a/packages/translator-default/src/index.js
+++ b/packages/translator-default/src/index.js
@@ -250,7 +250,7 @@ export const translate = {
         path.scope.generateUidIdentifier("marko_template");
       const rendererIdentifier = importDefault(
         file,
-        "marko/src/runtime/components/renderer",
+        "marko/src/runtime/components/renderer.js",
         "marko_renderer"
       );
       const templateRendererMember = t.memberExpression(
@@ -280,7 +280,7 @@ export const translate = {
             t.stringLiteral(
               `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/${
                 isHTML ? "html" : "vdom"
-              }${markoOpts.hot ? "/hot-reload" : ""}`
+              }${markoOpts.hot ? "/hot-reload" : ""}/index.js`
             )
           ),
           t.variableDeclaration("const", [
diff --git a/packages/translator-default/src/tag/native-tag[html]/attributes.js b/packages/translator-default/src/tag/native-tag[html]/attributes.js
index d18364be0e..9e92044404 100644
--- a/packages/translator-default/src/tag/native-tag[html]/attributes.js
+++ b/packages/translator-default/src/tag/native-tag[html]/attributes.js
@@ -58,7 +58,7 @@ export default function (path, attrs) {
         t.callExpression(
           importDefault(
             file,
-            "marko/src/runtime/html/helpers/attr",
+            "marko/src/runtime/html/helpers/attr.js",
             "marko_attr"
           ),
           args