in ./node_modules/element-ui/lib/theme-chalk/index.css Syntax Error: TypeError: node.getIterator is not a function ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/element-ui/lib/theme-chalk/index.css) Module build failed (from ./node_modules/css-loader/dist/cjs.js): TypeError: node.getIterator is not a function at LazyResult.visitTick (D:\text\vue-pro\node_modules\postcss\lib\lazy-result.js:530:33) at LazyResult.runAsync (D:\text\vue-pro\node_modules\postcss\lib\lazy-result.js:410:30) at LazyResult.async (D:\text\vue-pro\node_modules\postcss\lib\lazy-result.js:221:30) at LazyResult.then (D:\text\vue-pro\node_modules\postcss\lib\lazy-result.js:206:17) @ ./node_modules/element-ui/lib/theme-chalk/index.css 4:14-156 15:3-20:5 16:22-164 @ ./src/main.js 12:0-46 webpack compiled with 1 error
时间: 2024-01-21 19:17:30 浏览: 200
:crayon:终端字符串样式正确-Node.js开发
这个错误可能是由于 postcss-loader 和 css-loader 版本不兼容导致的。你可以尝试升级这两个 loader 的版本,或者降低它们的版本,看看是否解决了这个问题。
另外,你可以尝试在 webpack 配置中添加一个 postcss 配置,指定使用的 postcss 版本,例如:
```js
module.exports = {
// ...
module: {
rules: [
// ...
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [
// 指定使用的 postcss 版本
require('postcss')({
// ...
})
]
}
}
}
]
}
]
}
}
```
希望能帮助到你!
阅读全文