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

🐛 BUG: Build Result Error: There was a problem with a file build result. [object Object] #3940

Open
1 task done
Ali-Milani-13 opened this issue Apr 14, 2024 · 0 comments

Comments

@Ali-Milani-13
Copy link

Quick checklist

  • I am using the latest version of Snowpack and all plugins.

What package manager are you using?

npm

What operating system are you using?

Windows

Describe the bug

I tried to install babel plugin to use jsx inside of .js files in my project.
since I'm extremely familiar and comfortable with the webpack and most of my files are in .js format.

but after installing babel and adding it to my config.mjs file. it gives me the error I've mentioned in the title.

Screenshot 2024-04-14 115143

it points to index.ts but I've never changed that file and in fact, whenever I remove babel plugin from my config.mjs file, the issue, goes away.

I wish there could be a built-in support to write jsx in js.

Steps to reproduce

  1. npx create-snowpack-app new-dir --template @snowpack/app-template-react-typescript
  2. npm install --save-dev @snowpack/plugin-babel
  3. npm install --save-dev @babel/preset-react
  4. npm install --save-dev @babel/plugin-transform-react-jsx
  5. setting up the snowpack.config.mjs
/** @type {import("snowpack").SnowpackUserConfig } */
export default {
  mount: {
    public: { url: '/', static: true },
    src: { url: '/dist' },
  },
  plugins: [
    '@snowpack/plugin-react-refresh',
    '@snowpack/plugin-dotenv',
    ['@snowpack/plugin-babel'],
    [
      '@snowpack/plugin-typescript',
      {
        /* Yarn PnP workaround: see https://www.npmjs.com/package/@snowpack/plugin-typescript */
        ...(process.versions.pnp ? { tsc: 'yarn pnpify tsc' } : {}),
      },
    ],
  ],
  routes: [
    /* Enable an SPA Fallback in development: */
    // {"match": "routes", "src": ".*", "dest": "/index.html"},
  ],
  optimize: {
    /* Example: Bundle your final build: */
    // "bundle": true,
  },
  packageOptions: {
    /* ... */
  },
  devOptions: {
    /* ... */
  },
  buildOptions: {
    /* ... */
  },
};
  1. setting up .babelrc config:
{
    "presets": ["@babel/preset-env", "@babel/preset-react"],
    "plugins": ["@babel/plugin-transform-react-jsx"]
}
  1. placing .bablerc in the root directory:

Screenshot 2024-04-14 115925

Link to minimal reproducible example (optional)

No response

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

1 participant