Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包意外标记'';_Javascript_Node.js_Webpack_Babeljs - Fatal编程技术网

Javascript 网页包意外标记'';

Javascript 网页包意外标记'';,javascript,node.js,webpack,babeljs,Javascript,Node.js,Webpack,Babeljs,我正在使用webpack为我的Electron.js应用程序编译React.js代码,但使用webpack编译时会出现以下错误: ERROR in ./app/javascript/configs.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /home/alvinzheng/Projects/BlankReact/app/javascript/configs.js: Un

我正在使用webpack为我的Electron.js应用程序编译React.js代码,但使用webpack编译时会出现以下错误:

ERROR in ./app/javascript/configs.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home/alvinzheng/Projects/BlankReact/app/javascript/configs.js: Unexpected token (4:13)

  2 | import * as path from 'path';
  3 | 
> 4 | const dataDir;
    |              ^
configs.js文件是我存储应用程序所需的路径和URL的地方,在文件末尾,我使用es6语法导出所有路径和URL

config.js的代码片段

const dataDir;
if(process.platform === "linux"){
    dataDir = path.resolve(require('os').homedir(), 'FOLDER')
}else if(process.platform === "win32"){
    dataDir = path.resolve(process.env.APPDATA, 'FOLDER')
}

export {dataDir}
网页包配置:

const path = require('path');
const nodeExternals = require('webpack-node-externals');

module.exports = {
    mode: "production",
    target: 'node',
    externals: [nodeExternals()],

    entry: './app/javascript/index.js',
    output: {
        filename: "index-bundle.js",
        path: path.join(__dirname + "/app/dist/")
    },

    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
            },

            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },

            {
                test: /\.(woff|woff2|eot|ttf|otf)$/,
                loader: 'file-loader',
                options: {
                    name: '[name].[ext]',
                    outputPath: 'fonts/',
                    publicPath: url => '../assets/fonts/' + url
                }
            }
        ],
    },
}
法律改革委员会:

{
    "presets": ["@babel/preset-env", "@babel/react"]
}

应该初始化常量。因为以后无法重新分配值

请参阅此文档:

应该是

let-dataDir;

应初始化常量。因为以后无法重新分配值

请参阅此文档:

应该是

let-dataDir;

const
无法重新分配变量。对于您的场景使用
let
,因为您有条件地分配了值<代码>常量数据目录没有多大意义。是的,我现在觉得自己很愚蠢
const
变量不能重新分配。对于您的场景使用
let
,因为您有条件地分配了值<代码>常量数据目录没有多大意义。是的,我现在觉得自己很愚蠢是的,这是一个非常严重的错误。但我认为这篇文章需要存在,因为webpack抛出的错误与mozilla doc中的不同。是的,这是一个非常严重的错误。但我认为这篇文章必须存在,因为webpack抛出的错误与mozilla doc中的不同。