Reactjs 我创建自己的npm包并发布它，但当我尝试使用它时，它会给我一个错误

我创建了reactjs组件，并将其发布到npm上。我在我的另一个项目中安装了它，现在当我尝试导入它时，给出了完整的路径，例如

import RippleIcon from '../node_modules/rippleicon/src/RippleIcon';

这给了我一个错误

./node_modules/rippleicon/src/RippleIcon.js
Module parse failed: Unexpected token (10:8)
You may need an appropriate loader to handle this file type.
|   render() {
|     return (
|         <i className={this.props.icon+" RippleIcon"}/>
|     );
|   }

---

创建节点包并将其链接到项目相对容易。假设您将有

mypackage

和

myproject

在同一路径上，请尝试以下步骤：

1.-包装

$ mkdir mypackage
$ cd mypackage/
$ npm init -y
$ echo "exports.myfunc = function() { console.log(\"Hello\"); }" > index.js
$ cd ..

其

package.json

内容将是：

{
  "name": "mypackage",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

{
  "name": "myproject",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "mypackage": "file:../mypackage"
  }
}

2.-项目

$ mkdir myproject
$ cd myproject/
$ npm init -y
$ npm install "file:../mypackage" --save
$ echo "var mp = require('mypackage'); mp.myfunc();" > index.js
$ node index.js

您将看到“Hello”被打印出来。其

package.json

内容将是：

{
  "name": "mypackage",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

{
  "name": "myproject",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "mypackage": "file:../mypackage"
  }
}

---

是的，有一些：1-“rippleicon”：“file:local/path/to/package”，2-“main”：“src/index.js”，3-从“ripleicon”导入rippleicon等等。我不知道您的项目详细信息，但您可以找出不正确的地方。好的，我做的是，制作一个react组件，然后npm运行build并将其发布到npm包，现在，我做了另一个项目，并通过npm安装该软件包。因此，当我导入它时，它会给我一个错误，您可能需要一个适合这种类型文件的加载程序。我理解，但您在配置和导入本地包时出错。我必须从完整路径导入它，否则它的“给我”模块找不到错误。我用谷歌搜索了一下，但他们提到了一个网页包文件，我不知道它的用途。你可以在Github.com/amitruls1/rippleicon.git上查看我的代码