Question

我一直在努力将css依赖项加载到我的Vue.js Webpack模板中，并以为我终于弄清楚了-突然它开始引发以postcss-loader的index.js为中心的编译错误文件。

这是错误消息：

Failed to compile.

./node_modules/css-loader!./node_modules/vue-style-loader!./node_modules/css-loader??ref--7-1!./node_modules/postcss-loader/lib??ref--7-2!./node_modules/bootstrap/dist/css/bootstrap.min.css
Module build failed: Unknown word (5:1)

  3 | // load the styles
  4 | var content = require("!!../../../css-loader/index.js??ref--7-1!../../../postcss-loader/lib/index.js??ref--7-2!./bootstrap.min.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
    | ^
  6 | if(content.locals) module.exports = content.locals;
  7 | // add the styles to the DOM
  8 | var update = require("!../../../vue-style-loader/lib/addStylesClient.js")("57f69085", content, false, {});

 @ ./node_modules/bootstrap/dist/css/bootstrap.min.css 2:14-196 21:1-42:3 22:19-201
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

从我的webpack.base.config中（将postcss-loader添加到混合中没有任何作用，因此我再次将其删除了）：

{
        test: /\.css$/,
        loader:['style-loader','css-loader']
      },

从我的main.js文件中：

import Vue from 'vue'
import App from './App'
import Test from './components/test'
import Test1 from './components/test1'
import router from './router'
import bootstrap from 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

每当我尝试通过路径（相对或绝对）导入css依赖项时，都会引发此错误。仅仅使用import 'bootstrap'都没有效果-它仍然可以编译，但是样式也不起作用。

模块构建错误，指出postcss-loader index.js文件中“ if”是一个未知词

0 个答案: