我的软件包在CodeSandBox上导入时给出“ ModuleNotFoundError”

Question

我今天发布了一个npm软件包，并想在CodeSandBox上尝试它。如果我在本地计算机上npm install package-name，但是在CodeSandBox项目上导入相同的依赖项，则会出现此错误：

package.json

{
  "name": "package-name",
  "version": "1.0.20",
  "private": false,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.1",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.4.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "keywords": [
    "react"
  ],
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "main": "dist/index.js",
  "module": "dist/index.js",
  "files": [
    "dist",
    "README.md"
  ],
  "repository": {
    "type": "git",
  },
  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.8.4",
    "@babel/runtime": "^7.8.4"
  }
}
我的编译文件的顶部具有此类导入：

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
我遵循了this教程。运行npm run build后，将在主目录中创建一个dist文件夹。然后我npm publish。我确实在本地计算机上尝试了npm install package-name，它可以工作，但是正如我所说，它在CodeSandBox上不起作用。

我今天发布了一个npm软件包，并想在CodeSandBox上尝试它。如果我在本地计算机上npm install package-name，但是在CodeSandBox项目上导入相同的依赖项，则会出现此错误：...

Answer 1

尝试将devDependencies添加到dependencies。 devDependencies未在构建中导出，这就是为什么您的babel/runtime可能失败的原因。