Comments (7)
Not working for me, but with a different error.
% npm start
> [email protected] start
> react-scripts start
ℹ 「wds」: Project is running at http://192.168.120.226/
ℹ 「wds」: webpack output is served from
ℹ 「wds」: Content not from webpack is served from /Users/davidgs/github.com/subscription-use-cases/client/public
ℹ 「wds」: 404s will fallback to /
Starting the development server...
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:68:19)
at Object.createHash (node:crypto:138:10)
at module.exports (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:471:10)
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:503:5
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:358:12
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
/Users/davidgs/github.com/subscription-use-cases/client/node_modules/react-scripts/scripts/start.js:19
throw err;
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:68:19)
at Object.createHash (node:crypto:138:10)
at module.exports (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/davidgs/github.com/subscription-use-cases/client/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/davidgs/github.com/subscription-use-cases/client/node_modules/babel-loader/lib/index.js:59:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v21.5.0
Is Node v21.5.0 not supported?
EDIT: Seems the packages in this sample are extremely out of date:
% npx npm-check-updates
Checking /Users/davidgs/github.com/subscription-use-cases/client/package.json
[====================] 11/11 100%
@stripe/react-stripe-js ^1.1.2 → ^2.4.0
@stripe/stripe-js ^1.6.0 → ^2.3.0
@testing-library/jest-dom ^4.2.4 → ^6.2.0
@testing-library/react ^9.3.2 → ^14.1.2
@testing-library/user-event ^7.1.2 → ^14.5.2
autoprefixer ^9.8.0 → ^10.4.16
postcss-cli ^7.1.1 → ^11.0.0
react ^16.13.1 → ^18.2.0
react-dom ^16.13.1 → ^18.2.0
react-router-dom ^5.2.0 → ^6.21.2
react-scripts 3.4.1 → 5.0.1
Run npx npm-check-updates -u to upgrade package.json
Unfortunately, upgrading them introduces a whole host of other problems:
ERROR in ./src/Subscribe.js 172:21-31
export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' (possible exports: AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, Link, MemoryRouter, NavLink, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, ScrollRestoration, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_FetchersContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_ViewTransitionContext, UNSAFE_useRouteId, UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromElements, createSearchParams, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, resolvePath, unstable_HistoryRouter, unstable_usePrompt, unstable_useViewTransitionState, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useFetcher, useFetchers, useFormAction, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSubmit)
(about a dozen of these, with different line numbers in Subscribe,js
I think this demo needs some work ... :-)
from subscription-use-cases.
@davidgs
Thank you for the report. The react sample was created using Create React App. The error reported seems to be due to a library used internally by Create React App:
facebook/create-react-app#11708 (comment)
As there seems to be no releases from Create React App from the year 2022, it may be necessary to consider migrating to something like Vite.
As a temporary workaround, please use NODE_OPTIONS='--openssl-legacy-provider' option like the following:
NODE_OPTIONS='--openssl-legacy-provider' react-scripts start
Best.
from subscription-use-cases.
Turns out that, I believe, it's because you rely on React 16, so any attempt to use React 18 (or even Node >16.x) fails.
Might be time to update the libraries and dependencies. :-)
from subscription-use-cases.
Hello @davidgs ,
I update the React example to replace from CRA to Vite.
#956
Could you try to create a new one from Stripe CLI (stripe samples create subscription-use-cases
) ?
Thanks.
from subscription-use-cases.
Vite? So an entirely different build system? I'm a little lost as to how that's going to help rather than just updating the requirements to more modern versions of Node and React?
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0"
So still React 16.
Also:
Checking /Users/davidgs/github.com/subscription-use-cases/package.json
[====================] 8/8 100%
autoprefixer ^9.7.6 → ^10.4.17
body-parser ^1.19.0 → ^1.20.2
concurrently 4.1.2 → 8.2.2
cookie-parser ^1.4.5 → ^1.4.6
dotenv ^8.0.0 → ^16.4.1
express ^4.17.1 → ^4.18.2
postcss-cli ^7.1.1 → ^11.0.0
stripe ^7.4.0 → ^14.15.0
So it's way out of date with the stripe library as well.
On the client side, things are not much better:
Checking /Users/davidgs/github.com/subscription-use-cases/client/package.json
[====================] 9/9 100%
@stripe/react-stripe-js ^1.1.2 → ^2.4.0
@stripe/stripe-js ^1.6.0 → ^2.4.0
autoprefixer ^9.8.0 → ^10.4.17
postcss-cli ^7.1.1 → ^11.0.0
react ^16.13.1 → ^18.2.0
react-dom ^16.13.1 → ^18.2.0
react-router-dom ^5.2.0 → ^6.22.0
Everything is at least a full major-release behind.
from subscription-use-cases.
We migrated this example code to Vite for resolving this error:
#730 (comment)
Now we're continuing to work to upgrade each package.
from subscription-use-cases.
Interesting that I have never encountered this issue with any other CRA application. I've never had to resort to Vite.
from subscription-use-cases.
Related Issues (20)
- README is not correct HOT 5
- Migrate to default_incomplete
- Add steps for creating Prices with `lookup_keys` HOT 7
- Change to Intraday schema HOT 2
- can't get to prices.html HOT 1
- Fixed price / React / Ruby sample quite broken. HOT 5
- Changing subscription does not work
- live-mode API keys not work in kubernetes cluster HOT 1
- Clients don't work HOT 7
- clientSecret should not be passed as a queryPararm? HOT 2
- Php solution doesn't work HOT 2
- Inconsistent SDK usage. HOT 2
- Google Pay OR Apple Pay button is not showing. HOT 1
- Conversion Issue: Error CS0019 Operator '==' cannot be applied to operands of type 'long' and 'DateTime'
- Subscription creation request fails with customer credit balance (or 100% coupon) HOT 1
- [feature request] Add name field to registration page
- [feature request] Enrich customer creation samples HOT 1
- [feature request] update sample app to use `payment-element`
- HTTP Error 500.0 - ASP.NET Core IIS hosting failure (in-process)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from subscription-use-cases.