отладка конфигурации веб-пакета с реагированием - PullRequest
Новая
       8

отладка конфигурации веб-пакета с реагированием

0 голосов
/ 19 сентября 2018

Я сталкиваюсь с несколькими ошибками каждый раз, когда пытаюсь запустить свое приложение.Мне бы очень хотелось помочь в отладке этого.

Это мои ошибки: *

Отказался выполнять скрипт из 'http://127.0.0.1:8080/scripts/bundle.js', потому что его MIME-тип (' text / html ')не исполняется, и включена строгая проверка типов MIME.

GET http://127.0.0.1:8080/scripts/bundle.js net :: ERR_ABORTED 404 (не найдено)

Вот мой файл конфигурации веб-пакета: 

var path = require('path');

module.exports = [
    {
      entry: './assets/stylesheets/app.scss',
      output: {
        // This is necessary for webpack to compile
        // But we never use style-bundle.js
        path: path.join(__dirname, 'public/scripts'),
        filename: 'style-bundle.js',
      },      
      devServer: {
        contentBase: "./public",
        hot: true
      },
      module: {
        rules: [{
          test: /\.scss$/,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: 'bundle.css',
              },
            },
            { loader: 'extract-loader' },
            { loader: 'css-loader' },
            {
              loader: 'sass-loader',
              options: {
                includePaths: ['./node_modules'],
              }
            },
          ]
        }]
      },
    },
    {
      entry: "./src/app.js",
      output: {
        path: path.join(__dirname, 'public/scripts'),
        filename: "bundle.js"
      },
      devServer: {
        contentBase: "./public",
        hot: true
      },
      module: {
        loaders: [{
          test: /\.js$/,
          loader: 'babel-loader',
          query: {
            presets: ['env','react']
          }
        }]
      },
    }
  ];

Есть ли что-то, чего мне не хватает ????

1 Ответ

0 голосов
/ 19 октября 2018

Я могу смоделировать ту же ошибку 404 с другим конфигом.Короче говоря:

  • Вы запускали webpack-dev-server?
  • ваш package.json в порядке?
  • в порядке связанный файл html (index.html)?Помните тег сценария с bundle.js и путь
  • , проверьте и исправьте contentBase с помощью devServer в webpack.config.js
  • module.exports - devServer нужен только один раз.

Пример: devServer: {contentBase: path.join (__dirname, 'public / scripts'), hot: true},

У ContentBase должен быть полный путь, подобный этому.

...