小编Joe*_*Joe的帖子

我在 public 文件夹中有一个 javascript 文件，我想将该文件导入文件夹 src/components 中的组件。

projectFolder
  publicFolder
    index.html
    recorder.js
  srcFolder
    componentsFolder
       Speech.js
       Speech.css

但是我不能在我的组件中做这样的事情：

import Recorder from '../../public/recorder'

因为我收到以下错误：

未找到模块：您试图导入项目 src/ 目录之外的 ../../public/recorder。不支持 src/ 之外的相对导入。您可以将其移动到 src/ 中，也可以从项目的 node_modules/ 中添加符号链接。

据我所知，不允许在 /src 目录之外导入，所以我想知道如何“添加符号链接”或者您是否知道其他修复方法。

我为我的项目创建了一个 webpack 配置文件，该文件使用 nodeJS、express、socket.io 和 React。我想知道是什么原因导致插件没有被定义，因为它在我的情况下发生：

ReferenceError: MiniCssExtractPlugin 未定义 ReferenceError: HtmlWebPackPlugin 未定义

我的 webpack 配置文件如下：

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
//const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');


module.exports = {


  devServer: {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
    },
    // Display only errors to reduce the amount of output.
    stats: "errors-only",

    // Parse host and port from env to allow customization.
    //
    // If you …