diff --git a/src/compiler/compile/render_ssr/index.ts b/src/compiler/compile/render_ssr/index.ts index b35a6ce6ffee..58b3160bda50 100644 --- a/src/compiler/compile/render_ssr/index.ts +++ b/src/compiler/compile/render_ssr/index.ts @@ -1,7 +1,6 @@ import { b } from 'code-red'; import Component from '../Component'; import { CompileOptions, CssResult } from '../../interfaces'; -import { string_literal } from '../utils/stringify'; import Renderer from './Renderer'; import { INode as TemplateNode } from '../nodes/interfaces'; // TODO import Text from '../nodes/Text'; @@ -200,11 +199,14 @@ export default function ssr( main ].filter(Boolean); + // TODO: support css.map + // NOTE: inlining sourcemaps may cause issues for code replacements since + // `sourcesContent` contains the raw source code wrapped in double quotes const js = b` ${css.code ? b` const #css = { code: "${css.code}", - map: ${css.map ? string_literal(css.map.toString()) : 'null'} + map: null };` : null} ${component.extract_javascript(component.ast.module)} diff --git a/src/runtime/internal/ssr.ts b/src/runtime/internal/ssr.ts index c64d88fa7553..2280d3f90aee 100644 --- a/src/runtime/internal/ssr.ts +++ b/src/runtime/internal/ssr.ts @@ -129,7 +129,7 @@ export function create_ssr_component(fn) { html, css: { code: Array.from(result.css).map(css => css.code).join('\n'), - map: null // TODO + map: null // TODO: support css.map }, head: result.title + result.head };