node-html-to-text icon indicating copy to clipboard operation
node-html-to-text copied to clipboard

Can't import the named export 'Picker' from non EcmaScript module

Open iMohamedSamir opened this issue 3 years ago • 3 comments

I am keep having this error:

./node_modules/@selderee/plugin-htmlparser2/lib/hp2-builder.mjs
Can't import the named export 'Picker' from non EcmaScript module (only default export is available)

when I am using html-to-text to convert some raw html string.

I tried almost every single solution of both these issues: https://github.com/html-to-text/node-html-to-text/issues/229 https://github.com/reactioncommerce/reaction-component-library/issues/399 but nothing worked, expect: https://github.com/reactioncommerce/reaction-component-library/issues/399#issuecomment-467860022 which raised an entirely different error: parseley__WEBPACK_IMPORTED_MODULE_4__.parse1 is not a function

Here are my dependencies, if it helps

  "dependencies": {
    "@apollo/client": "^3.6.2",
    "@reduxjs/toolkit": "^1.8.2",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "apollo-link-context": "^1.0.20",
    "draft-convert": "^2.1.12",
    "draft-js": "^0.11.7",
    "draftjs-to-html": "^0.9.1",
    "graphql": "^16.4.0",
    "html-to-text": "^8.2.0",
    "install": "^0.13.0",
    "jwt-decode": "^3.1.2",
    "moment": "^2.29.3",
    "npm": "^8.12.2",
    "react": "^17.0.1",
    "react-async": "^10.0.1",
    "react-dom": "^17.0.1",
    "react-draft-wysiwyg": "^1.15.0",
    "react-redux": "^8.0.2",
    "react-router-dom": "^5.3.1",
    "react-scripts": "^2.1.3",
    "semantic-ui-css": "^2.4.1",
    "semantic-ui-react": "^2.1.2",
    "web-vitals": "^2.1.4"
  },

any adives?

iMohamedSamir avatar Jul 26 '22 02:07 iMohamedSamir

See #230

Your links mention config paths specific to certain types of projects. You have to figure out where is the webpack config should be in your project.

KillyMXI avatar Jul 26 '22 09:07 KillyMXI

I was creating webpack.config.js in the root folder, right beside config.json but it had to effect, only when I added the rule manually to node_modules\react-scripts\config\webpack.config.js it worked and I got ride of the error I have another another one: parseley__WEBPACK_IMPORTED_MODULE_4__.parse1 is not a function toAstTerminalPairs projectPath/node_modules/selderee/lib/selderee.mjs:154 this time the error is only in the component which I am using html-to-text in. It's not my first time seeing this error, I had it yesterday when I was trying the previously mentioned solutions. but I though react-app-rewired caused it.

But the error appears even if am not using react-app-rewired.

I think I am ready to give up now, I will try to RegEx the hell out my raw html lol.

iMohamedSamir avatar Jul 26 '22 22:07 iMohamedSamir

I'm sorry for all the trouble. Real life interfere with all my development plans.

You can try the version 7.1.1 - it lacks some features but it should be free of this issue. Perhaps I can release 7.1.2 quickly to resolve audit issues there.

I'll think whether I can break the grand release of v9 into parts to get the feedback on it earlier. (I expect it might solve this issue but I'm not sure.)

P.S. https://stackoverflow.com/a/1732454/3423843

KillyMXI avatar Jul 27 '22 09:07 KillyMXI

Version 9 is now public. Based on little feedback I've got in #252, webpack issue should be fixed now. Please open a new issue in case there is any problem with version 9.

KillyMXI avatar Dec 03 '22 12:12 KillyMXI