javascript - 类(模块)未导出

Question

模块:

import typeIs from './helpers/typeIs';

/**
 * @description Class of checking and throwing a custom exception.
 */
export default class Inspector {
// Some code
}

在 package.json指定文件的路径:

{
// ....
"main": "dist/app.js",
// ...
}

我使用命令 npm install ../ PACKAGE DIRECTORY / 在本地安装包.一切都已安装，但控制台返回 {} .可能是什么问题呢？
在缩小文件 ( dist / app.js ) 中返回一个空对象。如果您连接源 - 它可以工作。 .babelrc :

{
  "presets": ["@babel/preset-env"],

  "env": {
    "test": {
      "plugins": ["transform-es2015-modules-commonjs"]
    }
  }
}

package.json :

  "devDependencies": {
    "@babel/core": "^7.10.5",
    "@babel/preset-env": "^7.10.4",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^26.1.0",
    "babel-loader": "^8.1.0",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
    "clean-webpack-plugin": "^3.0.0",
    "cross-env": "^7.0.2",
    "eslint": "^7.5.0",
    "eslint-config-google": "^0.14.0",
    "eslint-loader": "^4.0.2",
    "jest": "^26.1.0",
    "webpack": "^4.44.0",
    "webpack-cli": "^3.3.12"
  },
  "browserslist": "> 0.25%, not dead",
  "dependencies": {
    "@babel/polyfill": "^7.10.4"
  }

UPD I check so

const Inspector = require('inspector-with-exceptions');

console.dir(Inspector);

Answer 1

导入模块的常见错误之一是忘记使它们相对。 require('inspector-with-exceptions') 之间的区别和 require('./inspector-with-exceptions')是第一个看起来你的 node_modules 而第二个看起来你的文件系统。我认为您的代码中的问题是。
编辑:自上周以来，我遇到了很多这个问题。幸运的是我找到了解决它的方法。因此，处理此问题的最简单方法是在 webpack.config.js 中设置输出属性，如下所示:

//Rest of you webpack file
output: {
  path: path.resolve(__dirname, 'dist'),
  filename: <project-name>.js,
  libraryTarget: 'commonjs2',
  libraryExport: 'default',
  library: <ProjectName>
}

使用我在 <> 中显示的案例。希望这可以帮助。