创建 npm 包时出现问题：'Cannot find module ...'

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"
      }
}

这是 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;

我检查了这个问题：但似乎不是我的情况，因为输入和输出文件名都是 'index.js'.

非常感谢任何帮助:-)

Answer 1

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

创建 npm 包时出现问题：'Cannot find module ...'

An issue with creating an npm package: 'Cannot find module ...'

node.js

npm

reactjs