Question

MyApp的：

| --src

| --index.js

| --content.js

| --webpack.config.js

index.js：

const React = require('react');
const ReactDom = require('react-dom');
const View = require('./content');

ReactDom.render(<View/>, document.body);

content.js：

const React = require('react');
class view extends React.Component {
    render() {
        return <p> Content </p>
    }
}

module.exports = View;

webpack.config.js

module.exports = {
    entry: './src/*', 
    output: {
    path: path.join(__dirname, '/build'),
    filename: '[name].bundle.js' 
    },
    resolve: {
    extensions: ['', '.js', '.jsx']
    },
   module: {
    loaders: [{

        test: /\.js|jsx$/,
        loader: ['jsx-loader?harmony'],
        exclude: /node_modules/
    }]
  },
  plugins: [commonsPlugin]
}

问题：

webpack --display-error-details

哈希：c47fe037926d0dc83af7

版本：webpack 1.13.0

时间：62ms`

Asset       Size  Chunks             Chunk Names

common.js 191字节0 [emit] common.js

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./src/* in /Users/xx/WebstormProjects/jianwenji-react resolve file /Users/xx/WebstormProjects/jianwenji-react/src/* doesn't exist /Users/xx/WebstormProjects/jianwenji-react/src/*.js doesn't exist /Users/xx/WebstormProjects/jianwenji-react/src/*.jsx doesn't exist 解析目录 /Users/xx/WebstormProjects/jianwenji-react/src/* doesn't exist (directory default file) /Users/xx/WebstormProjects/jianwenji-react/src/*/package.json doesn't exist (directory description file)

为什么webpack无法找到这些文件？

Answer 1

在这种情况下，entry应该引用文件而不是文件夹，

module.exports = {
  entry: './src/index.js'
  // ....
}

注意 - jsx-loader已弃用，请改用babel-loader，babel-preset-react

Webpack无法解析文件或dic

1 个答案: