Question

0

269

Views

Not sure how to Import crypto-js to a test page served from express.js

I'm trying to import crypto-js so I can use any of the crypto-js functions. I can't successfully import it when I serve a static test webpage from Express.js.

I get the error Uncaught SyntaxError: import not found: sha256 in the browser console.

To reproduce with code snippets below:

create directory
npm install express
npm install crypto-js
put the app.js file in the root directory of the project
create a public folder in the root directory of the project
put index.html and index.js files both in the /public directory
open a terminal and go to the project and type node app.js to run it
then go to your browser and go to 127.0.0.1:3000/static/
open the browser console to see the error.

I have tried changing the path of the import statement to import sha256 from 'crypto-js/sha256'; but that just leads to another error.

app.js

const express = require('express');
const app = express();
const port = 3000;
const path = require('path');
app.use('/static' , express.static(path.join(__dirname,'/node_modules')));
app.use('/static', express.static(path.join(__dirname, '/public')));
app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

index.html

<!DOCTYPE html>
<html>
    <head>
        <title> Test Page! </title>
        <script  src="index.js" type="module" ></script>
        
    </head>
    <body>
            <h1>TEST PAGE!</h1>
    </body>
</html>

index.js

import {sha256} from '/static/crypto-js/sha256.js';

about 4 years ago · Santiago Gelvez

Answer question

0

269

Not sure how to Import crypto-js to a test page served from express.js

Find remote jobs

Andres GPT