CSS isolation does not work

[masq6r]

I followed the document and created a Bolero app but I could not make CSS isolation work because the CssScopes module is not generated.

To reproduce the issue:

1. Create the project with dotnet new bolera-app.
2. Check the existence of link { attr.rel "stylesheet"; attr.href "HelloWorld.Client.styles.css" } in Index.fs of HelloWorld.Server.
3. Check the existence of MyApp.bolero.css of HelloWorld.Client.
4. Comment the line override _.CssScope = CssScopes.MyApp in Main.fs of HelloWorld.Client, and build the whole solution in VS2022 GUI.
5. Once the build completed, uncomment the line above and the compiler will give the FS0039 error, CssScopes is not defined.

My dotnet --version is 8.0.204 on Windows 10, Bolero, Bolero.Build, Bolero.Server are 0.23.52.

[Tarmil]

This is strange. I am failing to reproduce the issue (I'm on dotnet 8.0.300).

[fwaris]

I think its broken in 8.0.4 (just upgraded)
The following global.json fixes it, for now.

{
    "sdk": {
      "version": "8.0.301",
      "rollForward": "disable",
      "allowPrerelease": false
    }
  }

[rabejens]

THis works on the cmdline, but fails in Visual Studio because the newest VS forces using 8.0.4xx despite global.json being set.

[lamg]

I have the same problem with 8.0.403 in Linux

[Tarmil]

Okay, just to check if I have the correct reproduction: what I see is that CssScopes is not recognized by VS and underlined in red, but the project still builds and runs. Is that correct?

[Tarmil]

It looks like I can fix this by simply always including the generated obj/CssScopes.cs, no matter if there are any scoped CSS or not.

(Right now there's a condition, and it seems the VS background service doesn't detect that it has changed)

[Tarmil]

I published v0.24.38, it should fix this.