Can't import sql-wasm.wasm #480
Description
I want to make sqlite db and browser work together offline in reactJS. I am using "react": "^17.0.2",
It seems there is a sqljs, sql-js and sql.js existing at the same time. Why do you use - in the name? To confuse?
I dare to install new version of it and used this demo
https://github.com/sql-js/react-sqljs-demo
And it complains on import string
import sqlWasm from "!!file-loader?name=sql-wasm-[contenthash].wasm!sql.js/dist/sql-wasm.wasm";
src/App.js
Line 6:1: Unexpected '!' in '!!file-loader?name=sql-wasm-[contenthash].wasm!sql.js/dist/sql-wasm.wasm'. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax
After I delete !! in it it complains on
useEffect(async () => {
// sql.js needs to fetch its wasm file, so we cannot immediately instantiate the database
// without any configuration, initSqlJs will fetch the wasm files directly from the same path as the js
// see ../craco.config.js
try {
const SQL = await initSqlJs({ locateFile: () => sqlWasm });
setDb(new SQL.Database());
} catch (err) {
setError(err);
}
}, []);
put async inside useEffect. I just want to extract some data from SQLite DB offline
Maybe you could provide code to work with existing DB on localhost offline with use of react ?
P.S.
another approach doesn't work for me either even I put wasm file in the root folder
