Javascript 网页包css加载程序不'；行不通

您好，我正在尝试通过vue2js SPA中的网页样式加载程序加载引导css

我用

npm install安装了样式加载器——保存dev css loader

，我在

package.json的
devdependies
中找到了它。我还向我的报告中添加了以下内容：

然后我安装了引导css

npm install bootstrap@4.0.0-beta.3

我做的最后一件事是在main.js中导入引导css

import '../node_modules/bootstrap/dist/css/bootstrap.css'
import '../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

我也试过这样：

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

import './../node_modules/bootstrap/dist/css/bootstrap.css'
import './../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

就像这样：

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

import './../node_modules/bootstrap/dist/css/bootstrap.css'
import './../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

如果命令行中出现此错误（服务器启动后），则此操作无效：

./src/main.js中出现错误
未找到模块：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader\src”中的“../node\u modules/bootstrap vue/dist/bootstrap vue.css”
@./src/main.js 7:0-62
@多主

./src/main.js中出现错误
未找到模块：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader”中的“样式加载器”
@./src/main.js 6:0-58
@多主

chrome控制台中出现以下错误：

解析“C:\Users\Adm\Documents\TheStockerTrader\src”中的“bootstrap vue/dist/bootstrap vue.css”
已解析的请求是一个模块
使用描述文件：C:\Users\Adm\Documents\TheStockerTrader\package.json（相对路径：./src）
字段“browser”不包含有效的别名配置

未找到模块：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader\src”中的“../node\u modules/bootstrap vue/dist/bootstrap vue.css”

我做错了什么，为什么我的css加载器不工作？它说找不到bs模块，但我确信我安装了它，我还检查了它是否存在于我的node_modules文件夹中，它是：

试试这个

module : {
    rules : [
...
        {
          test: /\.css$/,
          include: helpers.root('src', 'app'),
          loader: 'raw-loader'
        },
        // // css global which not include in components
        {
          test: /\.css$/,
          exclude: path.join(__dirname, '/src/app'),
          use: ExtractTextPlugin.extract({
            use: 'raw-loader'
          })
        },
    ]...
}
plugin : [
    ...
    new ExtractTextPlugin(
        '[name].css'
    ),
]

您是否也安装了样式加载器：

npm install style-loader --save-dev

然后设置为加载程序：

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

你能分享你的web pack.config.js文件吗？只需点击上面有问题的链接。告诉我你的
webpack
版本吗？它在package.json
“webpack”：“2.1.0-beta.25”
中，我还编辑了第二个错误并复制了更多。谢谢你的时间，但上面的答案实际上是正确的，我甚至没有尝试你的代码。