我正在尝试将其构建为npm-package:
Test.tsx:
import React from "react";
export default class Test extends React.Component {
public render() {
return (
<h1>
Hallo
</h1>
)
}
public blub() {
return 12;
}
}
index.tsx:
import Test from './Test';
module.exports = { Test }
这是一个弹出的create-react-app项目。 编译文件(/dist/static/js/main.chunk.js)包含以下行:
module.exports = {
Test: _Test__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]
};
我的package.json看起来像这样:
{
"name": "npmreacttestcrm","version": "0.1.12","private": false,"main": "dist/static/js/main.chunk.js","dependencies": {
...
},"scripts": {
"start": "node scripts/start.js","build": "node scripts/build.js","test": "node scripts/test.js","publish:npm": "npm run build && npm publish && python updater.py"
},"eslintConfig": {
"extends": "react-app"
},"devDependencies": {
...
},"jest": {
...
},"babel": {
"presets": [
"react-app","@babel/preset-typescript"
]
}
}
如果我尝试将软件包导入其他项目,则要求或导入仅返回1
import Test1 from 'npmreacttestcrm';
console.log('test1',Test1);
const Test = require("npmreacttestcrm");
console.log('test',Test);
控制台: 测试1 1 测试1
如何正确导入我的软件包?