Как импортировать «облегченные диаграммы» с помощью модуля ES?Javascript

Форум по Javascript
Ответить
Anonymous
 Как импортировать «облегченные диаграммы» с помощью модуля ES?

Сообщение Anonymous »

Я хотел бы использовать библиотеку облегченных диаграмм с модулем ES.
Я хотел бы использовать облегченные диаграммы в браузере, поэтому я следовал инструкциям документа
https://tradingview.github.io/lightweig ... ng-a-chart
import { createChart } from 'lightweight-charts';

но ошибка Uncaught TypeError: спецификатор «lightweight-charts» был пустым спецификатором, но не был переназначен ни на что. Спецификаторы относительных модулей должны начинаться с «./», «../» или «/».
Также у меня есть импорт date-fns и csv-parse с импортом модуля es, например:
import { parse } from './node_modules/csv-parse/dist/esm/sync.js'
import * as datefns from "./node_modules/date-fns/index.js"

Эти модули работают, но облегченные диаграммы работают неправильно.
Как исправить ошибку?
Мои package.json и tsconfig.json следуют.
tsconfig.json:
{
// Visit https://aka.ms/tsconfig to read more about this file
"compilerOptions": {
// File Layout
// "rootDir": "./src",
// "outDir": "./dist",

// Environment Settings
// See also https://aka.ms/tsconfig/module
"module": "es2022",
"target": "es2022",
"types": [],
"moduleResolution": "bundler",
// For nodejs:
// "lib": ["esnext"],
// "types": ["node"],
// and npm install -D @types/node

// Other Outputs
"sourceMap": true,
"declaration": true,
"declarationMap": true,

// Stricter Typechecking Options
"noUncheckedIndexedAccess": true,
"exactOptionalPropertyTypes": true,

// Style Options
// "noImplicitReturns": true,
// "noImplicitOverride": true,
// "noUnusedLocals": true,
// "noUnusedParameters": true,
// "noFallthroughCasesInSwitch": true,
// "noPropertyAccessFromIndexSignature": true,

// Recommended Options
"strict": true,
"jsx": "react-jsx",
"verbatimModuleSyntax": true,
"isolatedModules": true,
"noUncheckedSideEffectImports": true,
"moduleDetection": "force",
"skipLibCheck": true
}
}

package.json:
{
"name": "my_charts",
"version": "1.0.0",
"description": "",
"license": "ISC",
"author": "",
"type": "module",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"devDependencies": {
"typescript": "^5.9.3"
},
"dependencies": {
"csv-parse": "^6.1.0",
"date-fns": "^4.1.0",
"lightweight-charts": "^5.0.9"
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... module-way
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»