创建 npm package 时出现问题：“找不到模块...”

Question

我最近发布了一个 npm 模块https://www.npmjs.com/package/splashup-widget 。

我尝试将它安装在“create-react-app”示例应用程序中，但出现错误Cannot find module 'splashup-widget'

这是 webpack 配置：

var path = require('path');

module.exports = {
    mode: 'production',
    entry: './src/index.js',
    output: {
        path: path.resolve('build'),
        filename: 'index.js',
        libraryTarget: 'commonjs2'
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules)/,
                use: 'babel-loader'
            }
        ]
    },
    externals: {
        react: "react"
      }
}

这是一个反应代码：

import logo from './logo.svg';
import './App.css';
import Quiz from 'splashup-widget'

function App() {
  return (
    <div className="App">
      
      <Quiz />
      
    </div>
  );
}

export default App;

我检查了这个问题： How to build an npm package 所以它可以被导入/需要，但似乎不是我的情况，因为条目和 Z78E6221F6393D1356681DB398F14CE6 文件名都是。

将不胜感激任何帮助:-)

Answer 1

您的包裹package.json中的main字段不正确； 您应该将其从index.js更改为build/index.js 。