鍍金池/ 問(wèn)答/Linux  網(wǎng)絡(luò)安全/ styl 使用時(shí)報(bào)錯(cuò)

styl 使用時(shí)報(bào)錯(cuò)

我嘗試從最基礎(chǔ)的 webpack 開(kāi)始配置

但是遇到一個(gè) stylus的報(bào)錯(cuò),不知道哪里出問(wèn)題了

webpack.config.js

module.exports = {
    entry: './entry.js',
    output: {
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            }, {
                test: /\.styl$/,
                loader: 'style-loader!css-loader!stylus-loader',
            }
        ]
    }
}

準(zhǔn)備打包的 JS

require('./index.styl')
document.write('<h1>hello css-loader</h1>')

報(bào)錯(cuò)信息

clipboard.png

回答
編輯回答
北城荒

webpack配置應(yīng)該沒(méi)有什么問(wèn)題,看了一下報(bào)錯(cuò)信息

Cannot find module 'webpack'

之后留意一個(gè)細(xì)節(jié),你貼出來(lái)的報(bào)錯(cuò)信息最后幾行顯示了文件路徑是使用全局安裝的模塊。
所以最后定位出問(wèn)題是使用了全局安裝的webpack出現(xiàn)了問(wèn)題。

解決方法

使用

npm install webpack --save-dev

代替

npm install webpack -g
2018年8月21日 12:52