René's URL Explorer Experiment


Title: New css2json-loader fails · Issue #1138 · NativeScript/nativescript-dev-webpack · GitHub

Open Graph Title: New css2json-loader fails · Issue #1138 · NativeScript/nativescript-dev-webpack

X Title: New css2json-loader fails · Issue #1138 · NativeScript/nativescript-dev-webpack

Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.5.0 Cross-platform modules: 6.5.1 Android...

Open Graph Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.5...

X Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.5...

Opengraph URL: https://github.com/NativeScript/nativescript-dev-webpack/issues/1138

X: @github

direct link

Domain: patch-diff.githubusercontent.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"New css2json-loader fails","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 6.5.0\r\n - Cross-platform modules: 6.5.1\r\n - Android Runtime: 6.5.0\r\n - iOS Runtime: 6.5.0\r\n - Plugin(s):\r\n - Node.js: 12.7.0\r\n \r\n - [ ] Please, attach your package.json and webpack.config.js as these configurations are usually critical for investigating issues with webpack\r\n \r\nI can't attach these because the file type of json and js is not allowed in the below attach file section. But they are in a public repo [here](https://github.com/animalus/shared-lib-example). As is the scss file I'm showing here. You can actually just clone that repo and reproduce this problem for yourself by running (npm i; gulp dev:android) after replacing webpack.config.js with the version webpack.config.ORIG.js. The latter of which is really just `tns run android --env.aot --no-hmr` after compiling pug files to html files.\r\n\r\n**Describe the bug**\r\n\u003c!-- A clear and concise description of what the bug is. Please, explain whether it's a build time error or a runtime error. More detailed logs can be easily obtained by following the instructions in this guide: https://docs.nativescript.org/get-support#how-to-obtain-diagnostic-reports. --\u003e\r\n\r\nThe following scss file causes webpack.config.js to fail with ...\r\n\r\n```\r\nJS: Error: Could not load CSS from app.css: ReferenceError: undefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefined is not defined\r\n```\r\n\r\n```\r\n* {\r\n    font-size: 16;\r\n}\r\n\r\n.bigger-font {\r\n    font-size: 24;\r\n}\r\n\r\n.big-font {\r\n    font-size: 19;\r\n}\r\n\r\n.centered {\r\n    text-align: center;\r\n}\r\n\r\n.bold {\r\n    font-weight: bold;\r\n}\r\n\r\n.width100 {\r\n    width: 100%;\r\n}\r\n```\r\n\r\nIf you comment out the bottom three entries say then it works fine. Various other combinations of commenting out and in of different entries results in success or failure. Only difference being the number of \"undefinedundefined....\" values. \r\n\r\n**To Reproduce**\r\n\u003c!-- Add commands used or steps taken to reproduce the behaviour. --\u003e\r\n\r\nSee above.\r\n\r\n**Expected behavior**\r\n\r\nNot fail to compile bundle.\r\n\r\n**Sample project**\r\n\u003c!-- If possible, consider attaching a sample project or link to a repository with such project. --\u003e\r\n\r\nSee above.\r\n\r\n**Additional context**\r\n\u003c!-- Add any other context about the problem here. --\u003e\r\n\r\nIf I change the scss loader in the `webpack.config.js` file back to the css-loader it was on the last release I had installed, namely ...\r\n\r\n```\r\ndiff --git a/webpack.config.js b/webpack.config.js\r\nindex f0b43bb..871928d 100644\r\n--- a/webpack.config.js\r\n+++ b/webpack.config.js\r\n@@ -264,8 +264,8 @@ module.exports = env =\u003e {\r\n                     use: [\r\n                         \"nativescript-dev-webpack/style-hot-loader\",\r\n                         {\r\n-                            loader: \"nativescript-dev-webpack/css2json-loader\",\r\n-                            options: { useForImports: true }\r\n+                            loader: \"css-loader\",\r\n+                            options: { url: false }\r\n                         },\r\n                         \"sass-loader\"\r\n                     ]\r\n```\r\n\r\n... then it works fine. So that is what I am doing for now, reverting back to the old loader until this issue is resolved. Cheers.","author":{"url":"https://github.com/crowmagnumb","@type":"Person","name":"crowmagnumb"},"datePublished":"2020-05-15T19:44:20.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/1138/nativescript-dev-webpack/issues/1138"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:7d922534-a062-1e97-a187-6349acce7ee6
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idBF7A:14FB0B:7E56F4D:A36F291:6975C770
html-safe-nonce0073684828a67249dea954ea4f89d836752bd3289ed777a61c7fd3ff3e0c0f28
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCRjdBOjE0RkIwQjo3RTU2RjREOkEzNkYyOTE6Njk3NUM3NzAiLCJ2aXNpdG9yX2lkIjoiODczNTE0ODEwODA2MTk4NDYyNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac2d941d6d60cefabd53c203aab5df88197c7fa39d95a1b3ad3f445a925459ffd7
hovercard-subject-tagissue:619201652
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/nativescript-dev-webpack/1138/issue_layout
twitter:imagehttps://opengraph.githubassets.com/7022bacd67f66d4842d53c8e59496d503c225df1dc0319fcfc1d268f0654ae68/NativeScript/nativescript-dev-webpack/issues/1138
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/7022bacd67f66d4842d53c8e59496d503c225df1dc0319fcfc1d268f0654ae68/NativeScript/nativescript-dev-webpack/issues/1138
og:image:altEnvironment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.5...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamecrowmagnumb
hostnamegithub.com
expected-hostnamegithub.com
None4a4bf5f4e28041a9d2e5c107d7d20b78b4294ba261cab243b28167c16a623a1f
turbo-cache-controlno-preview
go-importgithub.com/NativeScript/nativescript-dev-webpack git https://github.com/NativeScript/nativescript-dev-webpack.git
octolytics-dimension-user_id7392261
octolytics-dimension-user_loginNativeScript
octolytics-dimension-repository_id54984270
octolytics-dimension-repository_nwoNativeScript/nativescript-dev-webpack
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id54984270
octolytics-dimension-repository_network_root_nwoNativeScript/nativescript-dev-webpack
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release488b30e96dfd057fbbe44c6665ccbc030b729dde
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2Fnativescript-dev-webpack%2Fissues%2F1138
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2Fnativescript-dev-webpack%2Fissues%2F1138
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=NativeScript%2Fnativescript-dev-webpack
Reloadhttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138
Reloadhttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138
Reloadhttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138
NativeScript https://patch-diff.githubusercontent.com/NativeScript
nativescript-dev-webpackhttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack
Please reload this pagehttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2FNativeScript%2Fnativescript-dev-webpack
Fork 40 https://patch-diff.githubusercontent.com/login?return_to=%2FNativeScript%2Fnativescript-dev-webpack
Star 97 https://patch-diff.githubusercontent.com/login?return_to=%2FNativeScript%2Fnativescript-dev-webpack
Code https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack
Issues 82 https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues
Pull requests 3 https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/pulls
Actions https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/actions
Security 0 https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/security
Insights https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/pulse
Code https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack
Issues https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues
Pull requests https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/pulls
Actions https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/actions
Security https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/security
Insights https://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/pulse
New css2json-loader failshttps://patch-diff.githubusercontent.com/NativeScript/nativescript-dev-webpack/issues/1138#top
https://github.com/crowmagnumb
https://github.com/crowmagnumb
crowmagnumbhttps://github.com/crowmagnumb
on May 15, 2020https://github.com/NativeScript/nativescript-dev-webpack/issues/1138#issue-619201652
herehttps://github.com/animalus/shared-lib-example
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.