小编umm*_*mmw的帖子

无法从没有波浪号 (~) 的 node_modules 导入样式表

我正在尝试使用Material-Components-vue和 vue-cli 使用 webpack 创建一个简单的 Web 应用程序,但是,我发现如果没有node_modules前面的~.

我尝试了几个 webpack/vue-cli 配置,最终得到了传递加载器选项的配置vue.config.js

我的vue.config.js看起来像这样:

module.exports = {
    css: {
      loaderOptions: {
        sass: {
          includePaths: [
              './node_modules', //here I include node_modules
            ]
        },
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

所以我希望能够导入这样的东西:

@import 'normalize/normalize'
Run Code Online (Sandbox Code Playgroud)

(假设我有一个名为normalizemy 的目录node_modules,其中包含一个文件normalize.scss

但是,webpack 会抛出错误,表示找不到该模块。
但是,这确实有效:

@import '~normalize/normalize'
Run Code Online (Sandbox Code Playgroud)

如果所有 s 都是我写的,这不会有问题@import,但因为我使用的第三方模块@import里面有 s,所以 webpack 无法编译。

编辑1:

正如@Styx要求的那样

请分享更多配置

显示 vuespect --rule scss 的输出,以及带有此问题导入的整个文件

这里是: …

javascript webpack vue.js sass-loader vue-cli

6
推荐指数
1
解决办法
5831
查看次数

标签 统计

javascript ×1

sass-loader ×1

vue-cli ×1

vue.js ×1

webpack ×1