Javascript 安装引导程序后，我的本地css模块不再加载到webpack中

我对webpack和vue.js都是新手，并且使用vue webpack模板做得很好。。。直到我尝试安装并要求除了我自己的styles.css文件之外还需要引导

起初，我补充道

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

到我的webpack.base.config文件，然后在我的/src文件夹中创建一个/styles子文件夹以保存我的styles.css文件。将导入“./styles/styles.css”添加到我的main.js文件中，保存，瞧！它起作用了

我需要添加引导，所以我使用了

npm install bootstrap

和

npm install jquery popper.js

。然后我在main.js中添加了

require（'bootstrap'

）。。。突然，我发现了错误

This relative module was not found:

* ./style/mainstyle.css in ./src/main.js

即使删除引导

require

，它仍然抛出相同的错误。我甚至尝试删除并重新创建我的/styles/styles.css文件夹结构。。。娜达

在线搜索没有提供什么帮助后，我决定继续卸载bootstrap、jquery和popper.js。不幸的是，这仍然没有帮助

我一辈子都搞不清楚哪里出了问题，也弄不清楚如何解决。我应该放弃它重新开始吗

编辑：问题发生后，我重新启动了我的开发服务器，以防万一

更新：尝试更改相对路径，但出现相同错误。把它改回来。。。现在我明白了：

 WAIT  Compiling...                                                     11:39:41

 94% asset optimization                                                       i    
 ERROR  Failed to compile with 1 errors                                 11:39:41

This relative module was not found:

* ./mainstyle.css in ./src/main.js


 WAIT  Compiling...                                                     11:39:51

 94% asset optimization                                                       l    
 ERROR  Failed to compile with 1 errors                                 11:39:51

 error  in ./src/styles/mainstyle.css

Module build failed: Unknown word (5:1)

  3 | // load the styles
  4 | var content = require("!!../../node_modules/css-loader/index.js??ref--7-1!../../node_modules/postcss-loader/lib/index.js??ref--7-2!./mainstyle.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("!../../node_modules/vue-style-loader/lib/addStylesClient.js")("62b80dbc", content, false, {});


 @ ./src/styles/mainstyle.css 2:14-232 21:1-42:3 22:19-237
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

---

我承认我不太明白它告诉我什么，但我知道我没有更改该文件。

也许您的网页配置不允许您同时使用

import

和

require（）

。你能用

import'bootstrap'

语法替换

require（'bootstrap'）

吗？我这样做了，目前它似乎几乎忽略了bootstrap，但构建拒绝编译。突破性的问题是一个突然出现的问题——“模块构建失败：未知单词”——它指向postsss loader index.js文件中的一个“if”，显然我从未接触过。