我用npm 下载好了webpack-dev-server,打算启动一个web程序,但是却报了这些错误,网上找都找不出来,看它的错误信息,感觉是node_modules里面出现包导入的问题,不知道自己是哪一步操作出了问题,
这是我的package.json和webpack.config.js
webpack.config.js
const path = require('path');
const HTMLWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: "./src/index.js",
mode: "development",
output: {
path: path.resolve(__dirname, 'dist'),
filename: "bundle.js"
},
module: {
rules: [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: /node-modules/
},
{
test: /\.js$/,
use: [
{
loader: 'babel-loader',
options: {
presets: [
"@babel/preset-env",
"@babel/preset-react"
]
}
}
]
},
]
},
resolve: {
extensions: ['ts', 'js']
},
devServer: {
contentBase: './'
},
plugins: [],
}
package.json
{
"name": "typescript_experiment",
"version": "1.0.0",
"description": "",
"main": "experiment.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"start": "webpack serve --open chrome.exe",
"richtext": "set NODE_ENV=development && webpack-dev-server --config ./webpack.config.js --mode development --port 4000 --hot --inline"
},
"author": "",
"license": "ISC",
"dependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.15.0",
"@babel/preset-react": "^7.14.5",
"@tinymce/tinymce-react": "^3.12.6",
"babel": "^6.23.0",
"babel-cli": "^6.26.0",
"babel-loader": "^8.2.2",
"babel-plugin-transform-class-properties": "^6.24.1",
"html-webpack-plugin": "^4.5.2",
"jodit": "^3.7.2",
"jodit-react": "^1.1.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"ts-loader": "^9.2.5",
"typescript": "^4.3.5",
"webpack": "^4.44.2",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
},
"devDependencies": {
"@webpack-cli/serve": "^1.5.2"
}
}
/src/index.js 截个图看看
/src/index.js就只有一个console.log(3)