developit / developit/microbundle
Issue Emotion.js, "illegal escape sequence in your template literal"
- 主要語言
- JavaScript
- 星號
- 8.1k
- 分支
- 358
- PR 合併指標
- 30 天內沒有已合併 PR
描述
Hi,
I'm having trouble when building components that use Emotion's template literal syntax.
```js
export const Component = styled.div`
background-color: 'blue';
&:hover {
background-color: 'red';
}
`
```
I get the error log:
> You have illegal escape sequence in your template literal, most likely inside content's property value.
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\00d7';" should become "content: '\\00d7';".
[You can read more about this here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences)
---
Technically, using `@emotion/babel-plugin`, should fix it; [see this thread](https://github.com/emotion-js/emotion/issues/1755)
Nothing seems to work, and I haven't encountered this issue using webpack on other projects.
> My `babel.config.js` does seem to be used by `microbundle`, so I don't know why I have this issue.
貢獻指南
這個儲存庫沒有索引到貢獻指南
評估
這個 Issue 還沒有評估資料。