Почему мой веб-пакет пытается загрузить файлы.js при компиляции файла.sass?

Я пытаюсь использовать blueprintjs, поэтому я следовал учебнику с этой строкой:

main.sass

@import "~@blueprintjs/core";

Однако мой webpack-dev-server выдает мне этот журнал ошибок:

ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./app/javascript/packs/main.sass
Module build failed:
 */
  ^
      Invalid CSS after " */": expected 1 selector or at-rule, was '"use strict";'
      in <redacted>/node_modules/@blueprintjs/core/dist/index.js (line 6, column 4)
webpack: Failed to compile.

Поэтому я запутался, почему он пытается проанализировать файл index.js как sass в css!

Смотря на ./config/webpack/loaders/sass.jsкоторого я не трогал

const ExtractTextPlugin = require('extract-text-webpack-plugin')
const { env } = require('../configuration.js')

module.exports = {
  test: /\.(scss|sass|css)$/i,
  use: ExtractTextPlugin.extract({
    fallback: 'style-loader',
    use: [
      { loader: 'css-loader', options: { minimize: env.NODE_ENV === 'production' } },
      { loader: 'postcss-loader', options: { sourceMap: true } },
      'resolve-url-loader',
      { loader: 'sass-loader', options: { sourceMap: true } }
    ]
  })
}

Я только вижу, как он пытается читать файлы sass, scss и css. Есть идеи, что мне не хватает или стоит проверить?

Источник

2 ответа

Вы получаете ошибку, потому что в вас main.sass файл, который вы импортируете модуль JS. ~@blueprintjs/core решает в node_modules/@blueprintjs/core/dist/index.js и, таким образом, вы смешиваете JS в процессе.

Вы должны увидеть, какие файлы blueprintjs/core/dist папка содержит и только импорт sass/scss/css файлы для сборки.

Источник

Вам просто нужно добавить код ниже в вашем файле App.css

@import "~@blueprintjs/core/dist/blueprint.css";

Источник
Другие вопросы по тегам