Code Monkey home page Code Monkey logo

emotion-swc-plugin's People

Contributors

ivanrodricalleja avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

caesar-apax magento-headless

emotion-swc-plugin's Issues

Getting error when trying to use with storybook-addons-swc

This is a copy of a issue I filed with storybook-addon-swc found here: Karibash/storybook-addon-swc#41

I am getting the following error when trying to build storybook with SWC and the emotion-swc-plugin

Here's the error

Missing export __transform_plugin_process_impl', crates/swc/src/plugin.rs:222:14
note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace
thread '<unnamed>' panicked at 'failed to invoke plugin: failed to invoke plugin on 'Some("filepath/.storybook/preview.js-generated-config-entry.js")'

Here's a reproduction repo:

https://github.com/alekangelov/emotion-swc-storybook-bug

Problem is I can't understand if it's this plugins fault or the other one, but leaning towards saying it's the storybook transform plugin, that's why I posted a copy here and not the original.

Running the plugin through @craco/craco and craco-swc

Hello,

I'll be posting here first as you might have an idea of what could be wrong. The issue might be coming from craco-swc or @craco itself. I'm really unsure.

Context

I'm trying to push your plugin when using SWC instead of babel in a CRA app.

The setup

This creates this error when trying to load the plugin

ERROR in ./src/index.js
Module build failed (from ./node_modules/swc-loader/src/index.js):
Error: failed to handle: failed to invoke plugin: failed to invoke `emotion-swc-plugin` as js transform plugin at node_modules\emotion-swc-plugin\target\wasm32-wasi\release\emotion_swc_plugin.wasm

Caused by:
    0: RuntimeError: unreachable
           at __rust_start_panic (<module>[2232]:0x178fb3)
           at rust_panic (<module>[2223]:0x178c95)
           at std::panicking::rust_panic_with_hook::hd409e000ec6742c6 (<module>[2222]:0x178c12)
           at std::panicking::begin_panic_handler::{{closure}}::h3b7b8f16d0fcb19d (<module>[2207]:0x177e6e)
           at std::sys_common::backtrace::__rust_end_short_backtrace::hafc71346839ea24e (<module>[2206]:0x177dad)
           at rust_begin_unwind (<module>[2217]:0x178562)
           at core::panicking::panic_fmt::ha9171fe3a9e8ee1d (<module>[2372]:0x18751c)
           at core::result::unwrap_failed::h3838dd62cbe81d18 (<module>[2424]:0x18e673)
           at rkyv::impls::core::<impl rkyv::DeserializeUnsized<[U],D> for [T]>::deserialize_unsized::hfb04456b9b3dee18 (<module>[626]:0x97836)
           at swc_ecma_ast::decl::_::<impl rkyv::Deserialize<swc_ecma_ast::decl::Decl,__D> for <swc_ecma_ast::decl::Decl as rkyv::Archive>::Archived>::deserialize::h45f3e744cc68ce52 (<module>[623]:0x9620c)
           at swc_ecma_ast::stmt::_::<impl rkyv::Deserialize<swc_ecma_ast::stmt::Stmt,__D> for <swc_ecma_ast::stmt::Stmt as rkyv::Archive>::Archived>::deserialize::h1a3031132198ad96 (<module>[643]:0x9e32c)
           at rkyv::impls::core::<impl rkyv::DeserializeUnsized<[U],D> for [T]>::deserialize_unsized::h89b2e063d8ae257b (<module>[627]:0x99918)
           at swc_common::plugin::Serialized::deserialize_from_ptr::heaef040c00f1257d (<module>[668]:0xa609f)
           at __plugin_process_impl (<module>[364]:0x549f4)
           at __plugin_process_impl.command_export (<module>[2512]:0x193970)
    1: unreachable

webpack compiled with 1 error

It's difficult to reproduce the error on codesandbox. So I did a small package to demonstrate, this is essentially a yarn create react-app with minimal addition to switch to craco/swc

my-app.zip

SWC configs are in craco.config.js.

Any help would be appreciated

Thx

Issue adding this plugin to existing webpack v5

Hello,

I tried to follow the install steps described here: basically npm install:

"emotion-swc-plugin": "^0.0.5",

and set the following to be my swcrc:

{
    "test": ".*.(js|jsx|ts(x?))$",
    "minify": false,
    "sourceMaps": true,
    "jsc": {
        "target": "es2016",
        "loose": true,
        "parser": {
            "syntax": "typescript",
            "tsx": true,
            "decorators": false,
            "dynamicImport": true
        },
        "transform": {
            "react": {
                "runtime": "automatic",
                "importSource": "@emotion/react",
                "useBuiltins": true,
                "refresh": true
            }
        },
        "experimental": {
                 "plugins": [ ["emotion-swc-plugin", {"sourceMap": false}] ]
           }
    },
    "env": {
        "targets": "last 2 versions, Firefox ESR, not IE 11, not op_mini all, not dead"
    }

}

Here's the webpack (v5) loader config:

{
    test: /\.(js|jsx|ts(x?))$/,
    exclude: /node_modules/,
    use: {
        loader: 'swc-loader',
        options: {
            parseMap: true,
        },
    },
}

I'm getting the following error:

ERROR in ./src/index.tsx
Module build failed (from ./node_modules/swc-loader/src/index.js):
Error: failed to handle: failed to invoke plugin: failed to invoke plugin on 'Some("/Users/........../src/index.tsx")'

Caused by:
    0: Failed to create plugin instance
    1: Error while importing "env"."__lookup_char_pos_source_map_proxy": incompatible import type. Expected Function(FunctionType { params: [I32, I32], results: [I32] }) but received Function(FunctionType { params: [I32, I32, I32], results: [I32] })

Stack backtrace:
   0: _napi_register_module_v1
   1: _napi_register_module_v1
   2: _napi_register_module_v1
   3: _napi_register_module_v1
   4: _napi_register_module_v1
   5: _napi_register_module_v1
   6: _napi_register_module_v1
   7: _napi_register_module_v1
   8: <unknown>
   9: _worker
  10: __pthread_joiner_wake

Stack backtrace:
   0: _napi_register_module_v1
   1: _wasmer_vm_raise_trap
   2: <unknown>
   3: _worker
   4: __pthread_joiner_wake

ERROR in   Error: Child compilation failed:
  Module build failed (from ./node_modules/swc-loader/src/index.js):
  Error: failed to handle: failed to invoke plugin: failed to invoke plugin on 'Some("/Users/....../server/index.html.js")'
  
  Caused by:
      0: Failed to create plugin instance
      1: Error while importing "env"."__lookup_char_pos_source_map_proxy": incompatible import type. Expected   Function(FunctionType { params: [I32, I32], results: [I32] }) but received Function(FunctionType { params:   [I32, I32, I32], results: [I32] })
  
  Stack backtrace:
     0: _napi_register_module_v1
     1: _napi_register_module_v1
     2: _napi_register_module_v1
     3: _napi_register_module_v1
     4: _napi_register_module_v1
     5: _napi_register_module_v1
     6: _napi_register_module_v1
     7: _napi_register_module_v1
     8: <unknown>
     9: _worker
    10: __pthread_joiner_wake
  
  Stack backtrace:
     0: _napi_register_module_v1
     1: _wasmer_vm_raise_trap
     2: <unknown>
     3: _worker
     4: __pthread_joiner_wake
  ModuleBuildError: Module build failed (from ./node_modules/swc-loader/src/index.js):
  Error: failed to handle: failed to invoke plugin: failed to invoke plugin on 'Some("/Users/...../server/index.html.js")'
  
  Caused by:
      0: Failed to create plugin instance
      1: Error while importing "env"."__lookup_char_pos_source_map_proxy": incompatible import type. Expected   Function(FunctionType { params: [I32, I32], results: [I32] }) but received Function(FunctionType { params:   [I32, I32, I32], results: [I32] })
  
  Stack backtrace:
     0: _napi_register_module_v1
     1: _napi_register_module_v1
     2: _napi_register_module_v1
     3: _napi_register_module_v1
     4: _napi_register_module_v1
     5: _napi_register_module_v1
     6: _napi_register_module_v1
     7: _napi_register_module_v1
     8: <unknown>
     9: _worker
    10: __pthread_joiner_wake
  
  Stack backtrace:
     0: _napi_register_module_v1
     1: _wasmer_vm_raise_trap
     2: <unknown>
     3: _worker
     4: __pthread_joiner_wake
      at processResult (/Users/...../node_modules/webp  ack/lib/NormalModule.js:758:19)
      at /Users/amit/workspace/code/github.com/ultimateai/dashboard-frontend/node_modules/webpack/lib/NormalM  odule.js:860:5
      at /Users/amit/workspace/code/github.com/ultimateai/dashboard-frontend/node_modules/webpack/node_module  s/loader-runner/lib/LoaderRunner.js:400:11
      at /Users/amit/workspace/code/github.com/ultimateai/dashboard-frontend/node_modules/webpack/node_module  s/loader-runner/lib/LoaderRunner.js:252:18
      at context.callback (/Users/amit/workspace/code/github.com/ultimateai/dashboard-frontend/node_modules/w  ebpack/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
      at /Users/amit/workspace/code/github.com/ultimateai/dashboard-frontend/node_modules/swc-loader/src/inde  x.js:95:25
  
  - NormalModule.js:758 processResult
    [dashboard-frontend]/[webpack]/lib/NormalModule.js:758:19
  
  - NormalModule.js:860 
    [dashboard-frontend]/[webpack]/lib/NormalModule.js:860:5
  
  - LoaderRunner.js:400 
    [dashboard-frontend]/[webpack]/[loader-runner]/lib/LoaderRunner.js:400:11
  
  - LoaderRunner.js:252 
    [dashboard-frontend]/[webpack]/[loader-runner]/lib/LoaderRunner.js:252:18
  
  - LoaderRunner.js:124 context.callback
    [dashboard-frontend]/[webpack]/[loader-runner]/lib/LoaderRunner.js:124:13
  
  - index.js:95 
    [dashboard-frontend]/[swc-loader]/src/index.js:95:25
  
  - child-compiler.js:169 
    [dashboard-frontend]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  
  - Compiler.js:551 finalCallback
    [dashboard-frontend]/[webpack]/lib/Compiler.js:551:5
  
  - Compiler.js:577 
    [dashboard-frontend]/[webpack]/lib/Compiler.js:577:11
  
  - Compiler.js:1196 
    [dashboard-frontend]/[webpack]/lib/Compiler.js:1196:17
  
  
  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [dashboard-frontend]/[webpack]/[tapable]/lib/Hook.js:18:14
  
  - Compiler.js:1192 
    [dashboard-frontend]/[webpack]/lib/Compiler.js:1192:33
  
  - Compilation.js:2787 finalCallback
    [dashboard-frontend]/[webpack]/lib/Compilation.js:2787:11
  
  - Compilation.js:3092 
    [dashboard-frontend]/[webpack]/lib/Compilation.js:3092:11
  
  


1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack 5.74.0 compiled with 3 errors in 1950 ms

Any idea what is happening or how could I fix that? Thank you !

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.