时间戳

首页 > 解决方案 > 依赖库无法访问相关节点模块导入

reactjs - 依赖库无法访问相关节点模块导入

问题描述

我需要在我的项目中添加一个 UI 工具包依赖项。依赖项在节点模块中注入两个库

—toolkit
 —toolkit-core
 —toolkit-ui

我需要使用来自 toolkit-ui 的文件。但是 toolkit-ui 正在导入相对依赖项，如下所示：

@import "toolkit-core/tools"

当项目编译它给我以下错误：

ERROR in ./css/app.scss (./node_modules/css-loader!./node_modules/postcss-loader/src??ref--5-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js!./css/app.scss)
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

@import "toolkit-core/tools";
^
  File to import not found or unreadable: toolkit-core/tools.

我的 webpack 设置如下

const { resolve, join} = require('path');
const autoprefixer = require('autoprefixer');
const postCssLoader = {
  loader: 'postcss-loader',
  options: {
    plugins: function() {
      return [autoprefixer({ browsers: ['last 2 versions', 'ie 10'] })];
    }
  }
};
module.exports = (projectDir) => [
…
  {
    test: /\.(scss|css)$/,
    use: [
    'style-loader', 'css-loader', postCssLoader, 'resolve-url-loader', 
     {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
              minimize: true,
              includePaths: [path.join(__dirname, 'node_modules')],
            }
          }
    ]
  },
…
]

有人可以建议我如何解决这个问题吗？谢谢

标签： reactjswebpacksasssass-loader

解决方案

我在上面解决了。

我正在从一个公共构建目录中导入 webpack 加载器。我试图通过为scss|css. 但这似乎不起作用。Webpack 对scss|css加载器使用了第一条规则。

但是，如果我用我的应用内规则替换该规则。有用。

推荐阅读