找不到模块：错误：无法解析现有模块

Question

我正在从同一个包中导入两个模块。

import { RowSelection } from "gridjs/plugins/selection";
import { Grid } from "gridjs";

我可以在VSCode中访问RowSelection(例如通过转到定义)。智能感知也运行良好。因此，模块定义似乎没问题。

我的问题是，webpack是成功的网格，但失败的RowSelection与以下错误信息:

Module not found: Error: Can't resolve 'gridjs/plugins/selection' in 'C:workspacesrc' 

错误信息也是正确的。该模块肯定不存在于上述路径中。它在"../node_modules/gridjs/plugins/selection"中。

我不明白，为什么它不在节点模块目录中搜索，就像它在Grid中做的那样。

为什么RowSelection的解决方式不同于Grid，我能做些什么来解决这个问题?

这是我的webpack配置:

const webpackMerge = require("webpack-merge");
const baseDashboardConfig =
require("@splunk/webpack-configs/dashboard.config").default;
const baseConfig = require("@splunk/webpack-configs").default;
module.exports = webpackMerge(baseConfig, {
entry: "./src/details_dialog.js",
output: {
path: __dirname,
filename: "details_dialog.js",
},
module: {
rules: [
{
test: /.css$/,
//exclude: [/node_modules/],
use: [
{
loader: "style-loader",
},
{
loader: "css-loader",
},
],
},
],
},
});

Answer 1

唯一想到的是，你没有包括。tsx文件与你的。ts文件在你的基本webpack配置?线索是rowSelection的源文件是rowSelection。TSX(错误)和gridjs是gridjs。Ts(没有错误)。这可能解释了自rowselection以来的错误消息。TSX没有被webpack编译，因此在SRC文件夹中找不到。

Answer 2

显然这不是我的配置问题，但已报告为gridjs (https://github.com/grid-js/gridjs/issues/969)的问题