import from dist directory #50

arpanda · 2022-07-29T16:51:43Z

I have manually build it and trying to import it directly in the browser.

import {LM} from '/node_modules/ml-levenberg-marquardt/dist/ml-levenberg-marquardt.js'

and getting the below error.

Uncaught SyntaxError: The requested module '/node_modules/ml-levenberg-marquardt/dist/ml-levenberg-marquardt.js' does not provide an export named 'LM'

Any suggestion to solve it?

The text was updated successfully, but these errors were encountered:

jobo322 · 2022-07-30T01:06:52Z

Hello, could you try to import levenbergMarquardt like it is exports.

arpanda · 2022-07-30T02:12:00Z

I tried this

import {levenbergMarquardt} from '/node_modules/ml-levenberg-marquardt/dist/ml-levenberg-marquardt.js'

After that, I am calling via let fittedParams = levenbergMarquardt(data, Gaussian, options);

Still getting similar error message .i.e.,

Uncaught SyntaxError: The requested module '/node_modules/ml-levenberg-marquardt/dist/ml-levenberg-marquardt.js' does not provide an export named 'levenbergMarquardt'

jobo322 · 2022-07-30T04:02:45Z

I am not able to reproduce your error. I did

npm i,
npm run tsc
npm run build

with this, I am able to require levenbergMarquardt. Could you try like that?

are you calling this module from the browser using this path? do you serve your LM folder using live-server extension of VScode?

arpanda · 2022-07-30T05:02:38Z

The npm run tsc command, gave me this error.

npm run tsc

> [email protected] tsc
> npm run clean && npm run tsc-cjs && npm run tsc-esm


> [email protected] clean
> rimraf lib lib-esm


> [email protected] tsc-cjs
> tsc --project tsconfig.cjs.json

error TS5058: The specified path does not exist: 'tsconfig.cjs.json'.

the result of npm run build

npm run build

> [email protected] build
> cheminfo-build

Building bundle...
Building minified bundle...

I ran those commands and it created a dist directory (attached here)
dist.zip.

Then started the server using npx http-server and here is the html file code.

<html>
	<body> 
		<script type="module">
			import {levenbergMarquardt} from '/node_modules/ml-levenberg-marquardt/dist/ml-levenberg-marquardt.js'
		</script>
	</body>


</html>

The possible reason probably the npm run tsc command didn't run successfully.

jobo322 · 2022-07-30T11:47:09Z

@arpanda do you have your repository updated, I was able to reproduce you error by deleting the file tsconfig.cjs.json.

the file inside of dist.zip has a levenbergMarquardt function exported, could you check the way you're importing the function works, for another packages

arpanda · 2022-07-30T15:43:27Z

Earlier, I installed via npm i ml-levenberg-marquardt. Probably, tsconfig.cjs.json is missing in npm repository.

I tried it again with git clone and gendered the dist build. The output files are some.

Now coming to the export issue,
Yes, its working for the other packages. Some of those packages has export at the end of the file, something like
export { function_name};

I see this export lines in dist/ml-levenberg-marquardt.js

    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
})(this, (function (exports) { 'use strict';
    exports.levenbergMarquardt = levenbergMarquardt;
    Object.defineProperty(exports, '__esModule', { value: true });

arpanda · 2022-08-02T15:48:47Z

@jobo322 Looks like the dist files are in UMD format and cheminfo-build command is creating those files.

is cheminfo-build command has some option to bundled it to browser only format? if not, is it possible to add another bundler tool?

jobo322 closed this as completed Jul 30, 2022

jobo322 reopened this Jul 30, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

import from dist directory #50

import from dist directory #50

arpanda commented Jul 29, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

arpanda commented Aug 2, 2022 •

edited

Loading

import from dist directory #50

import from dist directory #50

Comments

arpanda commented Jul 29, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

jobo322 commented Jul 30, 2022

arpanda commented Jul 30, 2022

arpanda commented Aug 2, 2022 • edited Loading

arpanda commented Aug 2, 2022 •

edited

Loading