错误: 无法解析模块 'style-loader'

22 浏览
0 Comments

错误: 无法解析模块 'style-loader'

我正在使用webpack和react框架的style-loader。当我在终端中运行webpack时，尽管我已经正确指定了文件路径，但在import.js文件中出现了"模块未找到：错误：无法解析模块'style-loader'"的错误。

webpack.config.js文件内容如下：

var webpack = require('webpack');

var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'build');

var APP_DIR = path.resolve(__dirname, 'build');

module.exports = {

entry: [

// 设置一个ES6环境

'babel-polyfill',

// 在下方添加您的应用程序脚本

APP_DIR + '/import.js'

],

output: {

path: BUILD_DIR,

filename: 'bundle.js'

},

module: {

loaders: [

{

test: /\.jsx?$/,

loader: 'babel',

exclude: /node_modules/,

query: {

plugins: ['transform-runtime'],

presets: ['es2015', 'stage-0', 'react']

}

},

{ test: /\.css$/, loader: "style-loader!css-loader" }

],

resolve: {

extensions: ['', '.js', '.jsx', '.css']

}

}

};

import.js文件内容如下：

import '../css/style.css';

import React from 'react';

import ReactDOM from 'react-dom';

import jQuery from 'jquery';

import TopicsList from '../components/topic-list.jsx';

import Layout from '../components/layout.jsx';

0