[英]Webpack React error: Module parse failed: Unexpected token
Webpack 已安裝到 React。 但是當我嘗試創建一個 dist 文件時出現錯誤。 如何解決?
從 package.json 文件:
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"builder": "webpack"
},
Webpack.config.js:
const path = require('path');
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
索引.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />,
document.getElementById('root')
);
您可能需要一個合適的加載器來處理這種文件類型。 嘗試這個:
const path = require('path');
module.exports = {
mode: 'development',
entry: './src/index.js',
module: {
rules: [
{
test: /\.(js)$/,
exclude: /node_modules/,
use: ['babel-loader']
}
]
},
resolve: {
extensions: ['*', '.js']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
npm i @babel/core @babel/preset-env babel-loader --save-dev
您可能需要一個合適的加載器來處理這種文件類型。 嘗試這個:
const path = require('path');`enter code here`
module.exports = {
mode: 'development',
entry: './src/index.js',
module: {
rules: [
{
test: /\.(js)$/,
exclude: /node_modules/,
use: ['babel-loader']
}
]
},
resolve: {
extensions: ['*', '.js']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
npm i @babel/core @babel/preset-env babel-loader --save-dev
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.