Estoy configurando un paquete web para mi proyecto de reacción usando hilo y aparece este error:
ERROR en ./src/app.js 67:6 Falló el análisis del módulo: token inesperado (67:6) Es posible que necesite un cargador adecuado para manejar este tipo de archivo, actualmente no hay cargadores configurados para procesar este archivo. Consulte https://webpack.js.org/concepts#loaders ℹ ｢wdm｣: Error al compilar.
webpack.config.js
const path = require("path"); module.exports = { entry: "./src/app.js", output: { path: path.join(__dirname, 'public'), filename: 'bundle.js' }, module:{ rules:[{ loader: 'babel-loader', test: '/\.(js|jsx)$/', exclude: /node_modules/ }] }, devtool: 'cheap-module-eval-source-map', devServer: { contentBase: path.join(__dirname, 'public') } } .babelrc { "presets": ["env", "react","@babel/preset-env"], "plugins": [ "transform-class-properties" ] }paquete.json
{ "name": "react", "version": "1.0.0", "main": "index.js", "license": "MIT", "scripts": { "serve": "live-server public/", "build": "webpack", "dev-server": "webpack-dev-server" }, "dependencies": { "babel-cli": "6.24.1", "babel-core": "6.25.0", "babel-plugin-transform-class-properties": "6.24.1", "babel-preset-env": "1.5.2", "babel-preset-react": "6.24.1", "live-server": "^1.2.1", "react": "^16.9.0", "react-dom": "^16.9.0", "webpack": "^4.39.3", "webpack-dev-server": "^3.8.0" }, "devDependencies": { "@babel/core": "^7.6.0", "babel-loader": "^8.0.6", "webpack-cli": "^3.3.8" } }Está utilizando un carácter de escape innecesario: que no es obligatorio.
Reemplace test: '/\.(js|jsx)$/', con test: /\.js$|jsx/, debería funcionar bien.
Repliqué su problema en mi máquina y encontré lo mismo que se resolvió con la solución anterior.
Espero que esto ayude, ¡feliz codificación!
A la respuesta seleccionada le faltan algunos detalles:
Debería ser test: /\.js|\.jsx$/
\: is an escape character en este caso para .
|: is an Alternation / OR operand
$: is end of line
Espero que esto sea útil para ti.
agregue un archivo .babelrc a la misma carpeta donde está su carpeta node_modules, con el contenido a continuación
{ "presets": ["@babel/preset-react"] }Este error me sucedió simplemente porque el archivo se colocó en la carpeta principal del proyecto (es decir, fuera de la carpeta del proyecto).
Mover el archivo a la carpeta apropiada lo arregló.
Coloque el código mencionado a continuación en el archivo webpack
mix.extend( "graphql", new (class { dependencies() { return ["graphql", "graphql-tag"]; } webpackRules() { return { test: /\.(graphql|gql)$/, exclude: /node_modules/, loader: "graphql-tag/loader" }; } })() ); mix.js("resources/js/app.js", "public/js").vue(); mix.graphql();