webpack 配置警告和错误:"module parse failed"



我正试图使用MEAN堆栈构建一个简单的应用程序,但我遇到了Webpack的问题。当我从控制台运行"webpack"时,我会收到以下警告和错误:

WARNING in ./~/require_optional/package.json
Module parse failed: C:Buildmyappnode_modulesrequire_optionalpackage.json Unexpected token (2:9)
You may need an appropriate loader to handle this file type.
WARNING in ./~/require_optional/README.md
Module parse failed: C:Buildmyappnode_modulesrequire_optionalREADME.md Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.
WARNING in ./~/require_optional/LICENSE
Module parse failed: C:Buildmyappnode_modulesrequire_optionalLICENSE Unexpected token (1:40)
You may need an appropriate loader to handle this file type.
ERROR in ./~/constants-browserify/constants.json
Module parse failed: C:Buildmyappnode_modulesconstants-browserifyconstants.json Unexpected token (2:12)
You may need an appropriate loader to handle this file type.

所以我的问题是:

1.Webpack是否应该尝试加载README.md和LICENSE之类的文件?为什么它会关心这些

2.我连接了一个json加载程序,正在查找.json文件,那么为什么我仍然会收到关于这些文件的警告和错误呢

这是我的Webpack配置文件:

webpack.config.js

var config = require('./environment/shared.js')
var debug = config.env !== 'production';
var webpack = require('webpack');
module.exports = {
    context: __dirname,
    devtool: debug ? 'inline-sourcemap' : null,
    entry: './public/js/app.js',
    output: {
        path: __dirname + '/public/js',
        filename: 'bundle.min.js',
    },
    plugins: debug ? [] : [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
    ],
    module: {
        loaders: [
            {
                test: '/.json/',
                loader: 'json',
            },
            {
                test: '/.node$/',
                loader: 'node-loader',
            },
        ],
    },
    resolve: {
        extensions: ['', '.js', '.json', '.node'],
    },
};

问题1:我认为在你的代码库中有如下内容。即需要名称在变量中的模块。在这种情况下,webpack不知道您到底需要哪个模块,所以它会加载所有文件。

const moduleName = xxx const module = require(moduleName)

问题2:您需要在module/loaders中添加{ test: /.json$/, loader: "json" }来加载json文件。

相关内容

最新更新