使用带有transpiling / webpack的Visual Studio Code IntelliSense在网页上为我们导入本机ES6模块 方法1 方法2

问题描述

在使用Visual Studio Code的情况下,使用本机导入而不使用转译/ webpack的方式在网页(随Google Chrome加载)中使用ES6模块的正确模式是什么。

以下两种方法不太正确:

方法1

import uPlot from "uPlot"

  • 在Visual Studio代码中工作的IntelliSense(以及其他智能功能
  • 在Chrome中导入失败:

Uncaught TypeError: Failed to resolve module specifier "uPlot". Relative references must start with either "/","./",or "../"

方法2

import uPlot from "./node_modules/uplot/dist/uPlot.esm.js"

  • IntelliSense在Visual Studio Code中不起作用
  • Chrome导入效果很好

想法

似乎是:

  1. 一个设置允许VS Code理解完整的相对路径导入(例如jsconfig.json设置)。
  2. 有一种方法可以在导入浏览器端时为导入设置“包含路径”

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)