Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[plugin:vite:vue] Illegal '/' in tags. #5

Closed
liwenfengg opened this issue Aug 29, 2022 · 11 comments
Closed

[plugin:vite:vue] Illegal '/' in tags. #5

liwenfengg opened this issue Aug 29, 2022 · 11 comments

Comments

@liwenfengg
Copy link
Contributor

#4

image

When I did what you said, I sent a new error on the app side.

This is the demo repo, you can have a try.

@liwenfengg
Copy link
Contributor Author

The project I created using your template starter-uni also has this problem, and I only added this line.

<div i-carbon-campsite inline-block color="blue" />

This is the demo repo, you can have a try.

@liwenfengg
Copy link
Contributor Author

image

@LLinVIP
Copy link

LLinVIP commented Aug 30, 2022

I also noticed this question. When I use old unocss-preset-uni, I didn't encounter this question.

@zguolee
Copy link
Member

zguolee commented Aug 30, 2022

Because unocss-applet and unocss-preset-uni use two different ways to convert. It has been fixed now.

@zguolee
Copy link
Member

zguolee commented Aug 30, 2022

#4

image

When I did what you said, I sent a new error on the app side.

This is the demo repo, you can have a try.

Here's another problem, this plugin modifies the content of the tags(e.g. class=""). I will fix it soon.

@liwenfengg
Copy link
Contributor Author

liwenfengg commented Aug 31, 2022

#4
image
When I did what you said, I sent a new error on the app side.
This is the demo repo, you can have a try.

Here's another problem, this plugin modifies the content of the tags(e.g. class=""). I will fix it soon.

I'll wait. and test it once you're done.

@zguolee
Copy link
Member

zguolee commented Aug 31, 2022

#4
image
When I did what you said, I sent a new error on the app side.
This is the demo repo, you can have a try.

Here's another problem, this plugin modifies the content of the tags(e.g. class=""). I will fix it soon.

I'll wait. and test it once you're done.

It has been solved in v0.2.4, but if the string contains it, it cannot be solved for the time being(e.g 'p-2.5').

@liwenfengg
Copy link
Contributor Author

#4
image
When I did what you said, I sent a new error on the app side.
This is the demo repo, you can have a try.

Here's another problem, this plugin modifies the content of the tags(e.g. class=""). I will fix it soon.

I'll wait. and test it once you're done.

It has been solved in v0.2.4, but if the string contains it, it cannot be solved for the time being(e.g 'p-2.5').

contains what? / ?

@zguolee
Copy link
Member

zguolee commented Aug 31, 2022

No, including the UnoCSS rules, there are special characters([.:%!#()[\/\],]) at the same time.

// from
<div>{{ 'bg-[hsl(2.7,81.9%,69.6%)]' }}</div>

// to
<div>{{ 'uno-98db2v' }}</div>

@liwenfengg
Copy link
Contributor Author

No, including the UnoCSS rules, there are special characters([.:%!#()[\/\],]) at the same time.

// from
<div>{{ 'bg-[hsl(2.7,81.9%,69.6%)]' }}</div>

// to
<div>{{ 'uno-98db2v' }}</div>

image

hhh, Does it convert everything?(doge

@zguolee
Copy link
Member

zguolee commented Aug 31, 2022

Yes, only strings(UnoCSS rules), normal strings will not be converted. But the impact is not very large, and there is almost no literal scene🤣. Strings in <template></template> may be resolved in the future.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants